diff --git a/README.md b/README.md
index 7c0763f..a695a2d 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # CPI-Helper Chrome-Extension
 
-| [Plugin Dev](/docs/readme/pluginREADME.md) | [Contribution](/docs/readme/contributing.md) | [Code of conduct](/docs/readme/code_of_conduct.md) | [License](/docs/LICENSE) |
+| [Plugin Dev](/docs/readme/PluginREADME.md) | [Contribution](/docs/readme/contributing.md) | [Code of conduct](/docs/readme/code_of_conduct.md) | [License](/docs/LICENSE) |
 | ------------------------------------------ | -------------------------------------------- | -------------------------------------------------- | ------------------------ |
 
 This Browser Plugin extends the SAP Cloud Platform Integration with some useful features.
@@ -48,6 +48,17 @@ It is open source so feel free to check the source code.
 
 ## Changelog
 
+### 3.15.0
+- [Improvement] UI Bugfixes (Dark-mode Darker color for trace, Trace-inline tool editor detect mode you selected by default).
+- [Improvement] xml declaration added while prettify code is not gonna removed.
+- [Plugin] Performance stats plugin has better color for dark mode.
+- [Feature] Color mode detected a theme and applied by default (in case of dark mode)
+- [Feature] More compatibale with DARK CPI extension dark mode
+- [Feature] position of popup with state aware.
+- [Feature] Download Option for body only with proper extension.
+- [Feature] Text wrap Option and theme of editor has clear information.
+- [Feature] General UI BigFix & backend global element to organize. [read more here with snapshot notes](https://github.com/dbeck121/CPI-Helper-Chrome-Extension/pull/194). Special thanks to [Omkar](https://github.com/incpi).
+
 ### 3.14.0
 
 - [Improvement] Update to Manifest V3. This is a major and necessary under the hood update and may cause some issues. Please report any issues.
@@ -60,16 +71,16 @@ It is open source so feel free to check the source code.
 - [Plugin] "Credential Helper" Plugin to add a search help for existing Security Material aliases and Key Store entries. Special thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/)
 - [Plugin] "Unlock" Plugin to unlock integration flows directly from design screen. Special thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/).
 - [Plugin] "Timeline" Plugin now with sorting options. Again special thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/).
-- [Improvement] Filter to remove extra Empty Steps from Trace & Tool is now more compact.Special thanks to [Omkar Patel](https://github.com/incpi).
-- [Feature] The CPi helper extension now includes compatibility with the Dark CPI extension. For **Dark Theme Users** Special thanks to [Omkar Patel](https://github.com/incpi).
-- [Feature] New global Button for all Logging & Security Materials search with All category supported. Special thanks to [Omkar Patel](https://github.com/incpi).
+- [Improvement] Filter to remove extra Empty Steps from Trace & Tool is now more compact.Special thanks to [Omkar](https://github.com/incpi).
+- [Feature] The CPi helper extension now includes compatibility with the Dark CPI extension. For **Dark Theme Users** Special thanks to [Omkar](https://github.com/incpi).
+- [Feature] New global Button for all Logging & Security Materials search with All category supported. Special thanks to [Omkar](https://github.com/incpi).
 - [Feature] Debug Logging button UI as well as by parameters.
-- [Feature] Can select default log level at extension page. Special thanks to [Omkar Patel](https://github.com/incpi).
+- [Feature] Can select default log level at extension page. Special thanks to [Omkar](https://github.com/incpi).
 - [BugFix] Many UI and Bug fixes (adaptations to new SAP Horizon theme)
 
 ### 3.12.1
 
-- [Improvement] Better payload viewer & Update payload directly in trace Body panel. Special thanks to [Omkar Patel](https://github.com/incpi).
+- [Improvement] Better payload viewer & Update payload directly in trace Body panel. Special thanks to [Omkar](https://github.com/incpi).
 - [Improvement] Once trace expired, no popup will be shown instead warning will be given.
 - [Improvement] UI Icon are changed + UI Bugfixes
 - [Feature] Resize Body from Content modifier.
@@ -80,19 +91,19 @@ It is open source so feel free to check the source code.
 ### 3.11.0
 
 - [Feature] Plugin: New Timeline Plugin: Get overview about message flow. Thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/)
-- [Improvement] Create a project webpage on Github with improved structure and design. Special thanks to [Omkar Patel](https://github.com/incpi)
+- [Improvement] Create a project webpage on Github with improved structure and design. Special thanks to [Omkar](https://github.com/incpi)
 - [Bugfix] Some ui fixes
 - [Improvement] Improved stability
 
 ### 3.10.0
 
-- [Feature]Plugin: Trace Step Modifier (Beta) - Performance stats in trace. Thanks to [Omkar Patel](https://github.com/incpi)
+- [Feature]Plugin: Trace Step Modifier (Beta) - Performance stats in trace. Thanks to [Omkar](https://github.com/incpi)
 - [Bugfix] Some ui fixes
 - [Improvement] Improved stability
 
 ### 3.9.0
 
-- [Improvement] Hundreds of ui improvements. Thanks to [Omkar Patel](https://github.com/incpi) for the great contribution
+- [Improvement] Hundreds of ui improvements. Thanks to [Omkar](https://github.com/incpi) for the great contribution
 - UI 3.8.1 fix
 - New Plugin: "Trace Modifier"
   - Trace step uppper limit [Over write Global host variable with iflow variable] [read more](https://incpi.github.io/cpihelper-plugin/)
@@ -111,8 +122,8 @@ It is open source so feel free to check the source code.
 
 ### 3.8.0
 
-- [Improvement] Improved "flying error dialog". No mouse over but you need to klick now. Thanks to [Omkar Patel](https://github.com/incpi)
-- [Improvement] Many more ui improvements. Thanks to [Omkar Patel](https://github.com/incpi)
+- [Improvement] Improved "flying error dialog". No mouse over but you need to klick now. Thanks to [Omkar](https://github.com/incpi)
+- [Improvement] Many more ui improvements. Thanks to [Omkar](https://github.com/incpi)
 - [Feature] Trace survives page reload
 - [Improvement] Logs now sorted
 - [Bugfix] Many small fixes
@@ -155,7 +166,7 @@ It is open source so feel free to check the source code.
 ### 3.4.0
 
 - [Feature] New plugin "Settings Pane Resizer" and many bugfixes. Thanks to [Philippe Addor](https://github.com/fippu82) and BMT Business meets Technology AG
-- [Bugfix] Improved handling of message popup. Thanks to [Omkar Patel](https://github.com/incpi)
+- [Bugfix] Improved handling of message popup. Thanks to [Omkar](https://github.com/incpi)
 
 ### 3.3.2
 
@@ -541,13 +552,9 @@ See [Contribution guidelines for this project](docs/readme/contributing.md) if y
 If you have any ideas, please write a message or comment at the [SAP Community](https://blogs.sap.com/2020/03/05/cpi-chrome-plugin-to-enhance-sap-cloud-platform-integration-usability/#)
 
 ### Contributors
-
-> - [Dominic Beckbauer](https://github.com/dbeck121): Main work
-> - [Nick Yang](https://github.com/SAPNickYang): Bug fixes and UI improvements
-> - [Raffael Herrmann](https://github.com/codebude): Speed up handling of large XML structures in beautifier.
-> - [Ivo Vermeer](https://github.com/IvoVermeer): Change icon, text and tenant color
-> - [bdais](https://github.com/bdbais/): filter discarded entries
-> - [Robert Fels](https://github.com/robertfels)
+<a href="https://github.com/incpi/Cpi-helper/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=incpi/Cpi-helper&columns=8" />
+</a>
 
 ## License
 
diff --git a/bin/SAP_CPI_Helper_3.14.2.zip b/bin/SAP_CPI_Helper_3.15.2.zip
similarity index 73%
rename from bin/SAP_CPI_Helper_3.14.2.zip
rename to bin/SAP_CPI_Helper_3.15.2.zip
index bac074e..ff8f2dc 100644
Binary files a/bin/SAP_CPI_Helper_3.14.2.zip and b/bin/SAP_CPI_Helper_3.15.2.zip differ
diff --git a/common/logging.js b/common/logging.js
index 5563db5..af4f7a4 100644
--- a/common/logging.js
+++ b/common/logging.js
@@ -72,7 +72,7 @@ function downloadLog() {
     const a = document.createElement('a');
     a.href = url;
     a.download = filename;
-    document.body.appendChild(a); // we need to append the element to the dom -> otherwise it will not work in firefox
+    body().appendChild(a); // we need to append the element to the dom -> otherwise it will not work in firefox
     a.click();
     a.remove();
     logsarray = [];
diff --git a/common/tools.js b/common/tools.js
index 55bf3c6..7b669a8 100644
--- a/common/tools.js
+++ b/common/tools.js
@@ -9,12 +9,12 @@ function callChromeStoragePromise(key) {
     log.debug("callChromeStoragePromise: ", key)
     var input = key ? [key] : null;
     var storage = await chrome.storage.sync.get(input)
-      if (!key) {
-        resolve(storage);
-        log.debug("callChromeStoragePromise response: ", storage)
-      }
-      resolve(storage[key]);
-  
+    if (!key) {
+      resolve(storage);
+      log.debug("callChromeStoragePromise response: ", storage)
+    }
+    resolve(storage[key]);
+
   });
 }
 
@@ -25,7 +25,7 @@ function syncChromeStoragePromise(keyName, value) {
     myobj[keyName] = value;
     await chrome.storage.sync.set(myobj)
     resolve();
-  
+
   });
 }
 
@@ -42,11 +42,10 @@ async function getCsrfToken(showInfo = false) {
       var xhr = new XMLHttpRequest();
       xhr.withCredentials = true;
       log.log("getCsrfToken")
-      xhr.open("GET", "/api/1.0/user");
 
+      xhr.open("GET", absolutePath("/api/1.0/user"));
       xhr.setRequestHeader("X-CSRF-Token", "Fetch");
 
-
       xhr.onload = function () {
         if (this.status >= 200 && this.status < 300) {
 
@@ -254,6 +253,21 @@ let absolutePath = function (href) {
   return (link.protocol + "//" + link.host + link.pathname + link.search + link.hash);
 }
 
+function downloadFile(fileContent, format, filename) {
+  // Create a Blob with the file content
+  const blob = new Blob([fileContent], { type: "text/plain" });
+  const url = URL.createObjectURL(blob);
+  const link = $("<a></a>")
+    .attr({
+      href: url,
+      download: `${filename}.${format == "text" ? 'txt' : format}`,
+    })
+    .appendTo("body");
+  link[0].click();
+  link.remove();
+  URL.revokeObjectURL(url);
+}
+
 var formatTrace = function (input, id, traceId) {
   var tab_size = 2;
   var editorManager;
@@ -264,6 +278,8 @@ var formatTrace = function (input, id, traceId) {
     return String(str).replace('&amp;', "&").replace('&lt;', "<").replace('&gt;', ">").replace('&quot;', "\"").replace('&#010;', "\n").replace("&#039;", '\'');
   }
   var formatXml = function (sourceXml, tab_size) {
+    var xmlDeclarationmatch = sourceXml.match(/^<\?xml\s+version\s*=\s*(["'])[^\1]+\1\s+encoding\s*=\s*(["'])[^\2]+\2\s*\?>/)
+    var xmlDeclaration = xmlDeclarationmatch ? `${xmlDeclarationmatch[0]}\n` : "";
     //tab_size not implemented yet.
     filterflag = 0;
     var xmlDoc = new DOMParser().parseFromString(`${sourceXml}`, 'application/xml');
@@ -280,7 +296,7 @@ var formatTrace = function (input, id, traceId) {
       '  <xsl:template match="node()|@*">',
       '    <xsl:copy><xsl:apply-templates select="node()|@*"/></xsl:copy>',
       '  </xsl:template>',
-      '  <xsl:output indent="yes"/>',
+      '  <xsl:output method="xml" indent="yes" omit-xml-declaration="no"/>',
       '</xsl:stylesheet>',
     ].join('\n'), 'application/xml');
 
@@ -289,7 +305,7 @@ var formatTrace = function (input, id, traceId) {
     var resultDoc = xsltProcessor.transformToDocument(xmlDoc);
     var resultXml = new XMLSerializer().serializeToString(resultDoc);
     if (filterflag === 1) { resultXml = resultXml.substring(12, resultXml.length - 13).replaceAll('\n  ', '\n'); }
-    return resultXml
+    return xmlDeclaration + resultXml
   };
   var prettify_type = function (input) {
 
@@ -331,12 +347,18 @@ var formatTrace = function (input, id, traceId) {
       var response = await makeCallPromise("GET", "/" + cpiData.urlExtension + "Operations/com.sap.it.op.tmn.commands.dashboard.webui.GetTraceArchiveCommand?traceIds=" + traceId, true);
       var value = response.match(/<payload>(.*)<\/payload>/sg)[0];
       value = value.substring(9, value.length - 10)
-
       window.open("data:application/zip;base64," + value);
       showToast("Download complete.");
     };
   }
-
+  //download body only step
+  var DownloadBodyButton = document.createElement("button");
+  DownloadBodyButton.innerText = "Download Body";
+  DownloadBodyButton.onclick = async (element) => {
+    let typeOfInput = prettify_type(input)
+    downloadFile(input, typeOfInput, `CPI_${traceId}_${id}`)
+    showToast("Download of body is complete.");
+  };
   var copyButton = document.createElement("button");
   copyButton.innerText = "Copy";
   copyButton.onclick = (input) => {
@@ -353,8 +375,12 @@ var formatTrace = function (input, id, traceId) {
   };
 
   var themeButton = document.createElement("button");
-  themeButton.innerText = "Color Mode";
-  themeButton.onclick = (event) => editorManager.toggleTheme();
+  themeButton.innerText = `${$("#cpihelperglobal").hasClass('ch_dark') ? "Dark" : "Light"} Editor`;
+  themeButton.onclick = (event) => { themeButton.innerText = `${editorManager.toggleTheme() ? "Dark" : "Light"} Editor`; }
+
+  var WrapButton = document.createElement("button");
+  WrapButton.innerText = "No Wrap";
+  WrapButton.onclick = (event) => { WrapButton.innerText = editorManager.toggleWrap() ? "No Wrap" : "Wrap"; }
 
   var readonlyButton = document.createElement("button");
   readonlyButton.innerText = "Edit";
@@ -370,7 +396,7 @@ var formatTrace = function (input, id, traceId) {
     $formatted.toggleClass("cpiHelper_traceText_active", isActive);
     $("#beautifyButton").text(isActive ? "Linearize" : "Beautify");
     if ($formatted.text().trim() === "") {
-      editorManager = new EditorManager("cpiHelper_traceText_formatted_" + id, prettify_type(input));
+      editorManager = new EditorManager("cpiHelper_traceText_formatted_" + id, prettify_type(input), $("#cpihelperglobal").hasClass('ch_dark') ? "github_dark" : "textmate");
       editorManager.setContent(prettify(input, tab_size))
     }
   }
@@ -383,10 +409,12 @@ var formatTrace = function (input, id, traceId) {
 
   result.appendChild(beautifyButton);
   result.appendChild(copyButton);
+  result.appendChild(DownloadBodyButton);
+  result.appendChild(themeButton);
+  result.appendChild(WrapButton);
+  result.appendChild(readonlyButton);
   if (traceId) {
     result.appendChild(downloadButton);
-    result.appendChild(themeButton);
-    result.appendChild(readonlyButton);
   }
 
   var textEncoder = new TextEncoder().encode(input)
@@ -430,7 +458,7 @@ var formatHeadersAndPropertiesToTable = function (inputList) {
   }
 
   result = `<table class='ui basic striped selectable compact table'>
-  <thead><tr class="black"><th>Name</th><th>Value</th></tr></thead>
+  <thead><tr class="blue"><th>Name</th><th>Value</th></tr></thead>
   <tbody>`
   inputList.forEach(item => {
     result += "<tr><td>" + item.Name + "</td><td style=\"word-break: break-all;\">" + htmlEscape(item.Value) + "</td></tr>"
@@ -539,10 +567,26 @@ function getStatusColor(status) {
     case "COMPLETED": return "positive";
     case "ESCALATED":
     case "RETRY": return "orange";
-    case "CANCELLED": return "grey";
-    default: return "info";
+    case "CANCELLED": return "info";
+    default: return "grey";
   }
 }
+function getStatusColorCode(status, isDarkMode = !$("html").hasClass("sapUiTheme-sap_horizon_dark")) {
+  const colors = {
+    PROCESSING: isDarkMode ? "#e76500" : "#f7bf00",
+    STARTING: isDarkMode ? "#e76500" : "#f7bf00",
+    FAILED: isDarkMode ? "#f53232" : "#fa6161",
+    ESCALATED: isDarkMode ? "#e76500" : "#f7bf00",
+    RETRY: isDarkMode ? "#e76500" : "#f7bf00",
+    CANCELLED: isDarkMode ? "#788fa6" : "#a9b4be",
+    ABANDONED: isDarkMode ? "#788fa6" : "#a9b4be",
+    STORED: isDarkMode ? "#30914c" : "#6dad1f",
+    DEPLOYED: isDarkMode ? "#30914c" : "#6dad1f",
+    COMPLETED: isDarkMode ? "#30914c" : "#6dad1f",
+    default: isDarkMode ? "#788fa6" : "#a9b4be",
+  };
+  return colors[status] || colors.default;
+}
 function getStatusIcon(status) {
   let Icon;
   switch (status) {
@@ -583,25 +627,25 @@ function hslToHex(h, s, l) {
   l /= 100;
   let r, g, b;
   if (s === 0) {
-      r = g = b = l;
+    r = g = b = l;
   } else {
-      const hue2rgb = (p, q, t) => {
-          if (t < 0) t += 1;
-          if (t > 1) t -= 1;
-          if (t < 1 / 6) return p + (q - p) * 6 * t;
-          if (t < 1 / 2) return q;
-          if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-          return p;
-      };
-      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-      const p = 2 * l - q;
-      r = hue2rgb(p, q, h + 1 / 3);
-      g = hue2rgb(p, q, h);
-      b = hue2rgb(p, q, h - 1 / 3);
+    const hue2rgb = (p, q, t) => {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
   }
   const toHex = x => {
-      const hex = Math.round(x * 255).toString(16);
-      return hex.length === 1 ? '0' + hex : hex;
+    const hex = Math.round(x * 255).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
   };
   return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
 }
@@ -616,20 +660,59 @@ function hexToHsl(hex, values = false) {
   var max = Math.max(r, g, b), min = Math.min(r, g, b);
   var h, s, l = (max + min) / 2;
   if (max == min) {
-      h = s = 0; // achromatic
+    h = s = 0; // achromatic
   } else {
-      var d = max - min;
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      switch (max) {
-          case r: h = (g - b) / d + (g < b ? 6 : 0); break;
-          case g: h = (b - r) / d + 2; break;
-          case b: h = (r - g) / d + 4; break;
-      }
-      h /= 6;
+    var d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+      case g: h = (b - r) / d + 2; break;
+      case b: h = (r - g) / d + 4; break;
+    }
+    h /= 6;
   }
   h = Math.round(h * 360);
   s = Math.round(s * 100);
   l = Math.round(l * 100);
   cssString = values ? `${h} ${s} ${l}` : `hsl(${h}deg ${s}% ${l}%)`
   return cssString
+}
+/**
+ * Finds the nearest previous or next integer in an array relative to a target value.
+ * 
+ * used: @incpi - 
+ * findNearest(array, target); Output: { previous: 3, next: 5 }
+ * findNearest(array, target, 'next'); Output: 5
+ * findNearest(array, target, 'previous'); Output: 3
+ * @param {number[]} array - The array of numbers to search through.
+ * @param {number} target - The target value to find the nearest integers to.
+ * @param {string} [direction='both'] - The direction to search for nearest integer(s). 
+ *                                      'both' returns both previous and next, 
+ *                                      'previous' returns only the previous nearest, 
+ *                                      'next' returns only the next nearest.
+ * @returns {Object|number|null} - The nearest previous and next integers as an object 
+ *                                 if direction is 'both', or a single integer if 
+ *                                 direction is 'previous' or 'next'. Returns null if no 
+ *                                 nearest integer is found in the specified direction.
+ */
+function findNearest(array, target, direction = 'both') {
+  let prev = null;
+  let next = null;
+
+  array.forEach(num => {
+    if (num < target && (prev === null || num > prev)) {
+      prev = num;
+    }
+    if (num > target && (next === null || num < next)) {
+      next = num;
+    }
+  });
+
+  if (direction === 'previous') {
+    return prev;
+  } else if (direction === 'next') {
+    return next;
+  } else {
+    return { previous: prev, next: next };
+  }
 }
\ No newline at end of file
diff --git a/css/contentScript.css b/css/contentScript.css
index ccac6f8..9eea2d8 100644
--- a/css/contentScript.css
+++ b/css/contentScript.css
@@ -1,13 +1,21 @@
 /*root filter*/
 :root {
-  --cpi-custom-color: #2185d0;
+  --cpi-custom-color: #fff;
   --cpi-background-color: #ffffff;
-  --cpi-fui-active-color: #00144a; /* constant color  =  Don't overwrite this*/
-  --cpi-text-color:#000000;
+  --cpi-fui-active-color: #00144a;
+  /* constant color  =  Don't overwrite this*/
+  --cpi-text-color: #000000;
 }
 
+.ch_dark {
+  --cpi-text-color: #ffffff;
+  --cpi-fui-active-color: #0039d4;
+  --cpi-background-color: #020203;
+}
 /* whats new */
-
+button {
+  color: var(--cpi-text-color);
+}
 #cpiHelper_WhatsNew {
   padding: 25px;
   box-sizing: border-box;
@@ -18,17 +26,17 @@
 #cpiHelper_workingIndicator {
   min-width: 10px;
   color: var(--cpi-custom-color);
-  position: absolute;
+  position: fixed;
   z-index: 500;
   min-height: 10px;
-  font-size: 1.5rem;
-  right: 2%;
-  bottom: 4%;
+  font-size: 2rem;
+  right: 2rem;
+  bottom: 2rem;
 }
 
 /* end working indicator */
-#shell--toolHeader{
-  background:var(--cpi-custom-color);
+#shell--toolHeader {
+  background: var(--cpi-custom-color);
 }
 
 .cpiHelper table#messageList {
@@ -49,16 +57,12 @@
   border: solid var(--cpi-width) var(--cpi-background-color);
 }
 
-#messageList>tr:nth-child(n+2):has(td:only-child) {
-  border-block-start: lightgrey var(--cpi-width) solid !important;
+#messageList > tr:nth-child(n + 2) > td:only-child {
+  padding-block: 0.75em 0.25em;
 }
 
-#messageList>tr:nth-child(n+2)>td:only-child {
-  padding-block: 0.75em .25em;
-}
-
-#messageList>tr:nth-child(1)>td:only-child {
-  padding-block: 0 .25em;
+#messageList > tr:nth-child(1) > td:only-child {
+  padding-block: 0 0.25em;
 }
 
 #messageList button:hover,
@@ -73,7 +77,7 @@
   border-radius: 4px;
   background: var(--cpi-background-color);
   padding-inline: 0.3em;
-  margin-inline: 0.1em
+  margin-inline: 0.1em;
 }
 
 .cpiHelper table button {
@@ -102,6 +106,11 @@ button.cpiHelper_sidebar_iconbutton span {
   outline: none;
 }
 
+div#cpiHelper_semanticui_modal {
+  position: absolute;
+  top: 10% !important;
+}
+
 #cpiHelper_sidebar_popup {
   position: fixed;
   z-index: 390;
@@ -153,6 +162,7 @@ button.cpiHelper_sidebar_iconbutton span {
 .cpiHelper #outerFrame {
   border: solid 1px var(--cpi-background-color);
   background: var(--cpi-background-color);
+  color: var(--cpi-text-color);
   padding: 10px;
   box-sizing: border-box;
   border-radius: 0px 0px 5px 5px;
@@ -163,15 +173,16 @@ button.cpiHelper_sidebar_iconbutton span {
   z-index: 400;
   background: var(--cpi-background-color);
   top: 25%;
-  right: .5rem;
+  right: 0.5rem;
   width: fit-content;
   border: 0;
   border-radius: 10px;
-  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
+  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
+    0 1px 3px 1px rgba(60, 64, 67, 0.15);
   opacity: 1 !important;
 }
 
-#cpiHelper_content button>span.sapUiIcon {
+#cpiHelper_content button > span.sapUiIcon {
   pointer-events: none;
 }
 
@@ -192,7 +203,7 @@ button.cpiHelper_sidebar_iconbutton span {
   border-radius: 5px 5px 0px 0px;
   display: flex;
   justify-content: space-between;
-  border : 1px solid black;
+  border: 1px solid black;
 }
 
 .cpiHelper .contentText {
@@ -239,6 +250,11 @@ button.cpiHelper_sidebar_iconbutton span {
   stroke: #13af00 !important;
 }
 
+.cpiHelper_inlineInfo[ch_inline_active] {
+  fill: #218d76 !important;
+  stroke: #218d76 !important;
+}
+
 .cpiHelper_inlineInfo.cpiHelper_inlineInfo_error {
   fill: #ff6b6b !important;
   stroke: #ff6b6b !important;
@@ -283,7 +299,6 @@ button.cpiHelper_sidebar_iconbutton span {
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4);
   /* Black w/ opacity */
-
 }
 
 #cpiHelper_bigPopup_outerFrame {
@@ -328,7 +343,7 @@ button.cpiHelper_sidebar_iconbutton span {
 .cpiHelper_tabs {
   box-sizing: border-box;
   display: flex;
-  flex-wrap: wrap
+  flex-wrap: wrap;
 }
 
 .cpiHelper_tabs .cpiHelper_tabs_panel .cpiHelper_tabs {
@@ -362,23 +377,27 @@ button.cpiHelper_sidebar_iconbutton span {
 }
 
 .cpiHelper_tabs_label:active {
-  color: #000
+  color: #000;
 }
 
-.cpiHelper_tabs_input:focus+.cpiHelper_tabs_label {
+.cpiHelper_tabs_input:focus + .cpiHelper_tabs_label {
   z-index: 1;
 }
 
-.cpiHelper_tabs_input:checked+.cpiHelper_tabs_label {
+.cpiHelper_tabs_input:checked + .cpiHelper_tabs_label {
   color: #000;
-  border-block-end: 2px solid black
+  border-block-end: 2px solid black;
+}
+
+.ch_dark .cpiHelper_tabs_input:checked + .cpiHelper_tabs_label {
+  color: #6495ed;
 }
 
 .cpiHelper_tabs_label:hover,
-.cpiHelper_tabs_input:checked+.cpiHelper_tabs_label:hover {
+.cpiHelper_tabs_input:checked + .cpiHelper_tabs_label:hover {
   color: #ff5722;
   background: var(--cpi-custom-color);
-  border-radius: 0.2857rem
+  border-radius: 0.2857rem;
 }
 
 .cpiHelper_tabs_panel {
@@ -394,13 +413,13 @@ button.cpiHelper_sidebar_iconbutton span {
   }
 }
 
-.cpiHelper_tabs_input:checked+.cpiHelper_tabs_label+.cpiHelper_tabs_panel {
+.cpiHelper_tabs_input:checked + .cpiHelper_tabs_label + .cpiHelper_tabs_panel {
   display: block;
 }
 
 .cpi_padding_blockend {
-  padding-block: .2rem;
-  margin-block-end: .5rem;
+  padding-block: 0.2rem;
+  margin-block-end: 0.5rem;
 }
 
 .cpiHelper_traceText {
@@ -422,24 +441,17 @@ button.cpiHelper_sidebar_iconbutton span {
   height: 50dvh;
   min-height: 30vh;
   width: 100%;
+  border-radius: 1rem;
 }
 
 .cpiHelper_powertrace {
-  color: #ff0000 !important
+  color: #ff0000 !important;
 }
 
-.cpiHelper li.L0,
-.cpiHelper li.L1,
-.cpiHelper li.L2,
-.cpiHelper li.L3,
-.cpiHelper li.L5,
-.cpiHelper li.L6,
-.cpiHelper li.L7,
-.cpiHelper li.L8 {
+.cpiHelper li[class^="L"] {
   list-style-type: decimal !important;
 }
 
-
 .cpiHelper_logs_left {
   box-sizing: border-box;
   width: 200px;
@@ -486,15 +498,19 @@ button.cpiHelper_sidebar_iconbutton span {
 }
 
 div#cpiHelper_messageSidebar_pluginArea {
-  padding: 1em .5em;
+  padding: 1em 0.5em;
   margin: 0;
   height: auto !important;
 }
 
-#cpiHelper_popup_plugins .card>.extra.content:first-child {
+#cpiHelper_popup_plugins .card > .extra.content:first-child {
   background: #eee !important;
 }
 
+.ch_dark #cpiHelper_popup_plugins .card > .extra.content:first-child {
+  background: #121212 !important;
+}
+
 .card {
   width: calc(33% - 1em) !important;
 }
@@ -506,7 +522,7 @@ div#cpiHelper_messageSidebar_pluginArea {
 }
 
 /* .card .extra.content:has(input)>label, */
-.card .extra.content>label {
+.card .extra.content > label {
   display: flex;
   width: 100%;
   height: 100%;
@@ -514,41 +530,63 @@ div#cpiHelper_messageSidebar_pluginArea {
   justify-content: center;
   align-items: center;
   color: #000;
-  padding: .5em
+  padding: 0.5em;
+}
+
+.ch_dark .card .extra.content > label {
+  color: #fff;
 }
 
-.ui.fluid.input>input {
-  width: 5em !important
+.ui.fluid.input > input {
+  width: 5em !important;
 }
 
 /* .card .extra.content:has(input:checked)>label, */
-.card .extra.content.checked>label {
+.card .extra.content.checked > label {
   background: #bbffb3 !important;
 }
 
 /* .card .extra.content:has(input:checked)>label::after, */
-.card .extra.content.checked>label::after {
+.card .extra.content.checked > label::after {
   content: "d";
 }
 
-.card .extra.content>label:hover {
+.card .extra.content > label:hover {
   color: var(--cpi-custom-color);
-  background: #ffb3b3
+  background: #ffb3b3;
 }
 
 fieldset {
   margin-block: 0 !important;
 }
 
-.ui.modal.active>.header {
+.ui.modal.active > .header {
   background: var(--cpi-custom-color);
   color: var(--cpi-text-color);
 }
 
-.ui.selection.dropdown .menu>.item {
+.ui.selection.dropdown .menu > .item {
   min-height: 0 !important;
 }
 
-.ui.modal>.content {
+.ui.modal > .content {
   color: #000;
-}
\ No newline at end of file
+}
+
+/* whatsnew change log css */
+.changeloglist > .header {
+  margin: 0.5rem !important;
+}
+
+.changeloglist .sub.header {
+  font-weight: bold !important;
+}
+
+.changeloglist ul {
+  list-style-type: initial !important;
+  margin-inline-start: 1.5rem !important;
+}
+
+.changeloglist ul > li {
+  padding-block: 0.2rem !important;
+}
diff --git a/css/darkoverwrite.css b/css/darkoverwrite.css
new file mode 100644
index 0000000..8ae9cde
--- /dev/null
+++ b/css/darkoverwrite.css
@@ -0,0 +1,57 @@
+/* Dark CPI horizon theme overwrites */
+
+[data-cpi-dark="sap_horizon_dark"] {
+  /* everything goes here */
+
+  .cpiHelper_inlineInfo {
+    fill: #18770c !important;
+    stroke: #18770c !important;
+  }
+
+  .cpiHelper_inlineInfo[ch_inline_active] {
+    fill: #218d76 !important;
+    stroke: #218d76 !important;
+  }
+
+  .cpiHelper_powertrace {
+    color: #ff6b6b !important;
+  }
+
+  .cpiHelper_inlineInfo.cpiHelper_inlineInfo_error {
+    fill: #bb5d5d !important;
+    stroke: #bb5d5d !important;
+  }
+
+  .cpiHelper_inlineInfo.cpiHelper_avg {
+    fill: #47a847 !important;
+  }
+
+  .cpiHelper_inlineInfo.cpiHelper_belowavg {
+    fill: #0a9292 !important;
+  }
+
+  .cpiHelper_inlineInfo.cpiHelper_aboveavg {
+    fill: #88880f !important;
+  }
+
+  .cpiHelper_inlineInfo.cpiHelper_max {
+    fill: #bd6161 !important;
+  }
+
+  .cpiHelper_inlineInfo.cpiHelper_min {
+    fill: #6969d1 !important;
+  }
+}
+.ace_scrollbar {
+  background: whitelightslategray;
+}
+/* editor css - dark mode */
+.ace_dark {
+  .ace_scrollbar {
+    background: slategrey;
+  }
+
+  .ace_scrollbar-inner {
+    background: black;
+  }
+}
diff --git a/css/plugin.css b/css/plugin.css
index c549216..f4d2040 100644
--- a/css/plugin.css
+++ b/css/plugin.css
@@ -35,7 +35,7 @@ Users are encouraged to integrate this library with care to ensure compatibility
     max-height: 70vh;
 }
 
-/* improve labels spacing in plugin stetings */ 
+/* improve labels spacing in plugin stetings */
 .ui[class*="pointing below"].label {
     margin-top: 20px;
 }
diff --git a/docs/JS/dataload.js b/docs/JS/dataload.js
index e7afee8..c39c452 100644
--- a/docs/JS/dataload.js
+++ b/docs/JS/dataload.js
@@ -22,9 +22,7 @@ async function users_details() {
         document.getElementById('contributor').append(div)
     });
 }
-async function carousel(){
-// Create carousel inner container
-
+async function carousel() {
     const carouselInner = document.querySelector("#carouselhome > div");
 
     // Add prev_feature dynamically
diff --git a/docs/JS/first.js b/docs/JS/first.js
index 3149969..53ae916 100644
--- a/docs/JS/first.js
+++ b/docs/JS/first.js
@@ -83,8 +83,8 @@ $(document).ready(() => {
         path.style.strokeDasharray = length;
         path.style.strokeDashoffset = length;
         path.getBoundingClientRect();
-        path.style.animation ='2s linear 0s 1 forwards svganimationstroke';
-    }); 
+        path.style.animation = '2s linear 0s 1 forwards svganimationstroke';
+    });
     // Show loader when page starts loading
     $(window).on('load', () => {
         setTimeout(() => {
diff --git a/docs/css/style.css b/docs/css/style.css
index 9d48aa4..0ced3a4 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -1,9 +1,9 @@
 :root {
     /* Colors */
     --cpi-background: #fff;
-    --cpi-custom-color: #354a5f;
+    --cpi-custom-color: #fff;
     /* Fonts */
-    --cpi-font: 'Poppins';
+    --cpi-font: "Poppins";
 }
 
 nav {
@@ -40,12 +40,12 @@ section {
 
 /* table */
 table {
-    border-radius: .1em;
+    border-radius: 0.1em;
 }
 
 thead {
     background-color: var(--cpi-custom-color);
-    color: var(--cpi-background)
+    color: var(--cpi-background);
 }
 
 .image-container {
@@ -130,8 +130,10 @@ a:has(i, img):hover {
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(255, 255, 255, .9);
-    background: radial-gradient(circle, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.8) 100%);
+    background: rgba(255, 255, 255, 0.9);
+    background: radial-gradient(circle,
+            rgba(255, 255, 255, 1) 20%,
+            rgba(255, 255, 255, 0.8) 100%);
     z-index: 9999;
     display: flex;
 }
@@ -147,7 +149,7 @@ nav .logo>svg {
 #loader svg {
     --svg-size: 240px;
     fill: none;
-    stroke: #21436A;
+    stroke: #21436a;
     stroke-linecap: round;
     stroke-width: 20px;
     width: 200px;
@@ -158,13 +160,13 @@ nav .logo>svg {
     90%,
     to {
         stroke-dashoffset: 0;
-        fill: #21436A;
+        fill: #21436a;
         stroke: none;
     }
 }
 
 nav .logo>svg {
-    --svg-size: 24px
+    --svg-size: 24px;
 }
 
 #loader .fw-semibold {
diff --git a/docs/readme/PluginREADME.md b/docs/readme/PluginREADME.md
index 55e883a..4932fbf 100644
--- a/docs/readme/PluginREADME.md
+++ b/docs/readme/PluginREADME.md
@@ -24,6 +24,7 @@ In case of questions, please open an issue in github.
 4. all plugins must be released under same license as CPI-Helper
 5. the filename should not contain special characters or spaces. Be aware that the filename is case sensitiv
 6. please open a ticket and start discussion if you need more than the provided functions and objects
+7. Append any element under global cpihelper element. Must use `body().append` instead of `document.body.append` which directly append it to global tag.
 
 ## Plugin Implemetation metadata v1.0.0
 ### metadata description
diff --git a/docs/readme/README.md b/docs/readme/README.md
index 7c0763f..a695a2d 100644
--- a/docs/readme/README.md
+++ b/docs/readme/README.md
@@ -1,6 +1,6 @@
 # CPI-Helper Chrome-Extension
 
-| [Plugin Dev](/docs/readme/pluginREADME.md) | [Contribution](/docs/readme/contributing.md) | [Code of conduct](/docs/readme/code_of_conduct.md) | [License](/docs/LICENSE) |
+| [Plugin Dev](/docs/readme/PluginREADME.md) | [Contribution](/docs/readme/contributing.md) | [Code of conduct](/docs/readme/code_of_conduct.md) | [License](/docs/LICENSE) |
 | ------------------------------------------ | -------------------------------------------- | -------------------------------------------------- | ------------------------ |
 
 This Browser Plugin extends the SAP Cloud Platform Integration with some useful features.
@@ -48,6 +48,17 @@ It is open source so feel free to check the source code.
 
 ## Changelog
 
+### 3.15.0
+- [Improvement] UI Bugfixes (Dark-mode Darker color for trace, Trace-inline tool editor detect mode you selected by default).
+- [Improvement] xml declaration added while prettify code is not gonna removed.
+- [Plugin] Performance stats plugin has better color for dark mode.
+- [Feature] Color mode detected a theme and applied by default (in case of dark mode)
+- [Feature] More compatibale with DARK CPI extension dark mode
+- [Feature] position of popup with state aware.
+- [Feature] Download Option for body only with proper extension.
+- [Feature] Text wrap Option and theme of editor has clear information.
+- [Feature] General UI BigFix & backend global element to organize. [read more here with snapshot notes](https://github.com/dbeck121/CPI-Helper-Chrome-Extension/pull/194). Special thanks to [Omkar](https://github.com/incpi).
+
 ### 3.14.0
 
 - [Improvement] Update to Manifest V3. This is a major and necessary under the hood update and may cause some issues. Please report any issues.
@@ -60,16 +71,16 @@ It is open source so feel free to check the source code.
 - [Plugin] "Credential Helper" Plugin to add a search help for existing Security Material aliases and Key Store entries. Special thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/)
 - [Plugin] "Unlock" Plugin to unlock integration flows directly from design screen. Special thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/).
 - [Plugin] "Timeline" Plugin now with sorting options. Again special thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/).
-- [Improvement] Filter to remove extra Empty Steps from Trace & Tool is now more compact.Special thanks to [Omkar Patel](https://github.com/incpi).
-- [Feature] The CPi helper extension now includes compatibility with the Dark CPI extension. For **Dark Theme Users** Special thanks to [Omkar Patel](https://github.com/incpi).
-- [Feature] New global Button for all Logging & Security Materials search with All category supported. Special thanks to [Omkar Patel](https://github.com/incpi).
+- [Improvement] Filter to remove extra Empty Steps from Trace & Tool is now more compact.Special thanks to [Omkar](https://github.com/incpi).
+- [Feature] The CPi helper extension now includes compatibility with the Dark CPI extension. For **Dark Theme Users** Special thanks to [Omkar](https://github.com/incpi).
+- [Feature] New global Button for all Logging & Security Materials search with All category supported. Special thanks to [Omkar](https://github.com/incpi).
 - [Feature] Debug Logging button UI as well as by parameters.
-- [Feature] Can select default log level at extension page. Special thanks to [Omkar Patel](https://github.com/incpi).
+- [Feature] Can select default log level at extension page. Special thanks to [Omkar](https://github.com/incpi).
 - [BugFix] Many UI and Bug fixes (adaptations to new SAP Horizon theme)
 
 ### 3.12.1
 
-- [Improvement] Better payload viewer & Update payload directly in trace Body panel. Special thanks to [Omkar Patel](https://github.com/incpi).
+- [Improvement] Better payload viewer & Update payload directly in trace Body panel. Special thanks to [Omkar](https://github.com/incpi).
 - [Improvement] Once trace expired, no popup will be shown instead warning will be given.
 - [Improvement] UI Icon are changed + UI Bugfixes
 - [Feature] Resize Body from Content modifier.
@@ -80,19 +91,19 @@ It is open source so feel free to check the source code.
 ### 3.11.0
 
 - [Feature] Plugin: New Timeline Plugin: Get overview about message flow. Thanks to Gregor Schütz from [AGILITA AG](https://www.agilita.ch/)
-- [Improvement] Create a project webpage on Github with improved structure and design. Special thanks to [Omkar Patel](https://github.com/incpi)
+- [Improvement] Create a project webpage on Github with improved structure and design. Special thanks to [Omkar](https://github.com/incpi)
 - [Bugfix] Some ui fixes
 - [Improvement] Improved stability
 
 ### 3.10.0
 
-- [Feature]Plugin: Trace Step Modifier (Beta) - Performance stats in trace. Thanks to [Omkar Patel](https://github.com/incpi)
+- [Feature]Plugin: Trace Step Modifier (Beta) - Performance stats in trace. Thanks to [Omkar](https://github.com/incpi)
 - [Bugfix] Some ui fixes
 - [Improvement] Improved stability
 
 ### 3.9.0
 
-- [Improvement] Hundreds of ui improvements. Thanks to [Omkar Patel](https://github.com/incpi) for the great contribution
+- [Improvement] Hundreds of ui improvements. Thanks to [Omkar](https://github.com/incpi) for the great contribution
 - UI 3.8.1 fix
 - New Plugin: "Trace Modifier"
   - Trace step uppper limit [Over write Global host variable with iflow variable] [read more](https://incpi.github.io/cpihelper-plugin/)
@@ -111,8 +122,8 @@ It is open source so feel free to check the source code.
 
 ### 3.8.0
 
-- [Improvement] Improved "flying error dialog". No mouse over but you need to klick now. Thanks to [Omkar Patel](https://github.com/incpi)
-- [Improvement] Many more ui improvements. Thanks to [Omkar Patel](https://github.com/incpi)
+- [Improvement] Improved "flying error dialog". No mouse over but you need to klick now. Thanks to [Omkar](https://github.com/incpi)
+- [Improvement] Many more ui improvements. Thanks to [Omkar](https://github.com/incpi)
 - [Feature] Trace survives page reload
 - [Improvement] Logs now sorted
 - [Bugfix] Many small fixes
@@ -155,7 +166,7 @@ It is open source so feel free to check the source code.
 ### 3.4.0
 
 - [Feature] New plugin "Settings Pane Resizer" and many bugfixes. Thanks to [Philippe Addor](https://github.com/fippu82) and BMT Business meets Technology AG
-- [Bugfix] Improved handling of message popup. Thanks to [Omkar Patel](https://github.com/incpi)
+- [Bugfix] Improved handling of message popup. Thanks to [Omkar](https://github.com/incpi)
 
 ### 3.3.2
 
@@ -541,13 +552,9 @@ See [Contribution guidelines for this project](docs/readme/contributing.md) if y
 If you have any ideas, please write a message or comment at the [SAP Community](https://blogs.sap.com/2020/03/05/cpi-chrome-plugin-to-enhance-sap-cloud-platform-integration-usability/#)
 
 ### Contributors
-
-> - [Dominic Beckbauer](https://github.com/dbeck121): Main work
-> - [Nick Yang](https://github.com/SAPNickYang): Bug fixes and UI improvements
-> - [Raffael Herrmann](https://github.com/codebude): Speed up handling of large XML structures in beautifier.
-> - [Ivo Vermeer](https://github.com/IvoVermeer): Change icon, text and tenant color
-> - [bdais](https://github.com/bdbais/): filter discarded entries
-> - [Robert Fels](https://github.com/robertfels)
+<a href="https://github.com/incpi/Cpi-helper/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=incpi/Cpi-helper&columns=8" />
+</a>
 
 ## License
 
diff --git a/images/Devtoberfest_CPIHelper.ics b/images/Devtoberfest_CPIHelper.ics
new file mode 100644
index 0000000..8b522a9
--- /dev/null
+++ b/images/Devtoberfest_CPIHelper.ics
@@ -0,0 +1,41 @@
+BEGIN:VCALENDAR
+VERSION:2.0
+PRODID:-//ical.marudot.com//iCal Event Maker
+CALSCALE:GREGORIAN
+BEGIN:VTIMEZONE
+TZID:Europe/Berlin
+LAST-MODIFIED:20231222T233358Z
+TZURL:https://www.tzurl.org/zoneinfo-outlook/Europe/Berlin
+X-LIC-LOCATION:Europe/Berlin
+BEGIN:DAYLIGHT
+TZNAME:CEST
+TZOFFSETFROM:+0100
+TZOFFSETTO:+0200
+DTSTART:19700329T020000
+RRULE:FREQ=YEARLY;BYMONTH=3;BYDAY=-1SU
+END:DAYLIGHT
+BEGIN:STANDARD
+TZNAME:CET
+TZOFFSETFROM:+0200
+TZOFFSETTO:+0100
+DTSTART:19701025T030000
+RRULE:FREQ=YEARLY;BYMONTH=10;BYDAY=-1SU
+END:STANDARD
+END:VTIMEZONE
+BEGIN:VEVENT
+DTSTAMP:20240903T172434Z
+UID:1725384231547-80628@ical.marudot.com
+DTSTART;TZID=Europe/Berlin:20240925T110000
+DTEND;TZID=Europe/Berlin:20240925T120000
+SUMMARY:SAP Devtoberfest - Speed up your SAP Cloud Integration Development with CPI-Helper
+URL:https://community.sap.com/t5/devtoberfest/speed-up-your-sap-cloud-integration-development-with-cpi-helper/ev-p/13802891
+DESCRIPTION:Join for an in-depth session on CPI-Helper\, the open-source browser extension that allows you to keep trace mode enabled for longer and debug Integration Flows faster than ever before. Learn best practices that will prevent you from accidentally editing Integration Flows in production\, and delve into the history of CPI-Helper. Discover how you\, too\, can contribute. Whether you’re an SAP Integration Expert or just getting started\, this session will equip you with skills that save time.\n\nCheck the  SAP community post here:\nhttps://community.sap.com/t5/devtoberfest/speed-up-your-sap-cloud-integration-development-with-cpi-helper/ev-p/13802891\n\nOr go directly to YouTube\nhttps://www.youtube.com/watch?v=uSwSQbc_ULU\n
+TRANSP:OPAQUE
+X-MICROSOFT-CDO-BUSYSTATUS:BUSY
+BEGIN:VALARM
+ACTION:DISPLAY
+DESCRIPTION:SAP Devtoberfest - Speed up your SAP Cloud Integration Development with CPI-Helper
+TRIGGER:-PT15M
+END:VALARM
+END:VEVENT
+END:VCALENDAR
\ No newline at end of file
diff --git a/images/devtoberfestPicture.png b/images/devtoberfestPicture.png
new file mode 100644
index 0000000..b086f6b
Binary files /dev/null and b/images/devtoberfestPicture.png differ
diff --git a/lib/ace/ace.js b/lib/ace/ace.js
index 1606557..5b4b62c 100644
--- a/lib/ace/ace.js
+++ b/lib/ace/ace.js
@@ -1,55 +1,119 @@
 class EditorManager {
-    constructor(id, type = 'text', tabSize = 2, readOnly = true, theme = "textmate") {
-        this.tabSize = tabSize;
-        this.theme = theme;
-        this.readOnly = readOnly;
-        this.mode = `ace/mode/${type}`;
-
-        this.editor = ace.edit(id, {
-            theme: `ace/theme/${this.theme}`,
-            readOnly: this.readOnly,
-            fontSize: "1.2rem",
-            enableMultiselect: true,
-            mode: this.mode,
-            foldStyle: "markbegin",
-            tabSize: this.tabSize,
-            cursorStyle: "slim",
-            highlightActiveLine: true,
-            wrap: true,
-            showLineNumbers: true,
-            showGutter: true,
-            showPrintMargin: false,
-            highlightSelectedWord: true
-        });
-        this.editor.resize();
+  constructor(
+    id,
+    type = "text",
+    theme = "textmate",
+    tabSize = 2,
+    readOnly = true,
+    fontSize = "1.2rem",
+    foldStyle = "markbegin",
+    wrap = true
+  ) {
+    if (!document.getElementById(id)) {
+      throw new Error(`No element found with ID: ${id}`);
     }
 
-    // Setters
-    setReadOnly(boolValue) {
-        this.editor.setReadOnly(boolValue);
-    }
+    this.tabSize = tabSize;
+    this.theme = theme;
+    this.readOnly = readOnly;
+    this.fontSize = fontSize;
+    this.foldStyle = foldStyle;
+    this.wrap = wrap;
+    this.mode = `ace/mode/${type}`;
 
-    setContent(content) {
-        this.editor.setValue(content);
-    }
+    this.editor = ace.edit(id, {
+      theme: `ace/theme/${this.theme}`,
+      readOnly: this.readOnly,
+      fontSize: this.fontSize,
+      enableMultiselect: true,
+      mode: this.mode,
+      foldStyle: this.foldStyle,
+      tabSize: this.tabSize,
+      cursorStyle: "slim",
+      highlightActiveLine: true,
+      wrap: this.wrap,
+      showLineNumbers: true,
+      showGutter: true,
+      showPrintMargin: false,
+      highlightSelectedWord: true,
+    });
+    this.editor.resize();
+  }
 
-    // Getters
-    getContent() {
-        return this.editor.getValue();
-    }
+  // Setters
+  setReadOnly(boolValue) {
+    this.editor.setReadOnly(boolValue);
+    this.readOnly = boolValue;
+  }
 
-    getTheme() {
-        return this.theme;
-    }
+  setContent(content) {
+    this.editor.setValue(content);
+  }
 
-    // Toggles
-    toggleReadOnly() {
-        this.setReadOnly(!this.editor.getReadOnly());
-        return this.editor.getReadOnly()
-    }
+  setFontSize(fontSize) {
+    this.editor.setOptions({ fontSize: fontSize });
+    this.fontSize = fontSize;
+  }
 
-    toggleTheme() {
-        this.theme = (this.theme === "textmate") ? "github_dark" : "textmate";
-        this.editor.setTheme(`ace/theme/${this.theme}`);
-    }
-}
\ No newline at end of file
+  setFoldStyle(foldStyle) {
+    this.editor.setOptions({ foldStyle: foldStyle });
+    this.foldStyle = foldStyle;
+  }
+
+  setTabSize(tabSize) {
+    this.editor.setOptions({ tabSize: tabSize });
+    this.tabSize = tabSize;
+  }
+
+  setWrap(wrap) {
+    this.editor.setOptions({ wrap: wrap });
+    this.wrap = wrap;
+  }
+
+  // Getters
+  getContent() {
+    return this.editor.getValue();
+  }
+
+  getTheme() {
+    return this.editor.getOption("theme");
+  }
+
+  getFontSize() {
+    return this.editor.getOption("fontSize");
+  }
+
+  getFoldStyle() {
+    return this.editor.getOption("foldStyle");
+  }
+
+  getTabSize() {
+    return this.editor.getOption("tabSize");
+  }
+
+  getWrap() {
+    return this.editor.getOption("wrap");
+  }
+
+  // Toggles
+  toggleReadOnly() {
+    this.setReadOnly(!this.editor.getReadOnly());
+    return this.editor.getReadOnly();
+  }
+
+  toggleTheme() {
+    const themes = ["textmate", "github_dark"]; // Add more themes as needed
+    const currentIndex = themes.indexOf(this.theme);
+    const nextIndex = (currentIndex + 1) % themes.length;
+    this.theme = themes[nextIndex];
+    this.editor.setTheme(`ace/theme/${this.theme}`);
+    return this.getTheme() === "ace/theme/textmate" ? true : false;
+  }
+  toggleWrap() {
+    this.setWrap(!this.getWrap());
+    return this.getWrap();
+  }
+  resize() {
+    this.editor.resize();
+  }
+}
diff --git a/lib/semanticui/readme.md b/lib/semanticui/readme.md
new file mode 100644
index 0000000..5e7965e
--- /dev/null
+++ b/lib/semanticui/readme.md
@@ -0,0 +1,20 @@
+# Disclaimer for `semantic.dark.css` Modifications
+
+**Important Notice:**
+The `semantic.dark.css` file is vital for our extension's dark mode functionality. Any changes made to `semantic.dark.css` must be approached with caution:
+
+- **Custom File**: `semantic.dark.css` is not part of the official Fomantic UI library. It has been customized to fit our specific needs.
+  
+- **Hex Values Overwrite**: When making changes, please use hex codes (e.g., `#ffffff33`) instead of rgba, hsl, etc. This ensures consistency and ease of maintenance.
+  
+- **Core File**: `semantic.min.css` is the core file of the Fomantic UI library. Any modifications should be carefully considered to avoid disrupting the library's functionality.
+
+**Precautionary Measures:**
+Before altering the `semanticui` folder:
+- **Version Awareness**: We are currently using version **2.9.3**. Upgrading to a new version will require manual adjustments to ensure compatibility.
+- **General Tags**: Remove modifications to general tags like `html`, `body`, `a`, etc., to avoid broad impacts on the entire application.
+- **Dark Mode Updates**: Any updates to the dark mode file (`semantic.dark.css`) must be manually customized to fit the new upgrades.
+
+Please ensure adherence to these guidelines to maintain the integrity and performance of our extension. 
+
+Thank you for your attention to this matter.
diff --git a/lib/semanticui/semantic.dark.css b/lib/semanticui/semantic.dark.css
new file mode 100644
index 0000000..5b9da71
--- /dev/null
+++ b/lib/semanticui/semantic.dark.css
@@ -0,0 +1,18657 @@
+:root {
+    --blackbackground: #303030;
+    --blacktext: #000;
+    --text: #ffffffde;
+    --blackcolor: #030d17;
+    --warningbgcolor: #382700;
+    --warningcolor: #f7bf00;
+    --Successbgcolor: #11331a;
+    --Successcolor: #6dad1f;
+    --Errorbgcolor: #350000;
+    --Errorcolor: #fa6161;
+    --Infobgcolor: #00144a;
+    --Infocolor: #0034bf;
+    --hoverbackground: #3b3b3b;
+}
+
+.ch_dark {
+    background: var(--blackbackground) !important;
+    color: var(--text) !important;
+}
+
+.ch_dark a {
+    color: #4183c4;
+}
+
+.ch_dark a:hover {
+    color: #1e70bf;
+}
+
+.ch_dark ::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark ::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.25);
+}
+
+.ch_dark ::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark ::-webkit-scrollbar-thumb:hover {
+    background: rgba(128, 135, 139, 0.8);
+}
+
+.ch_dark .ui {
+    scrollbar-face-color: #bfbfbf;
+    scrollbar-shadow-color: #bfbfbf;
+    scrollbar-track-color: #e6e6e6;
+    scrollbar-arrow-color: #e6e6e6;
+    scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.ch_dark .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.35);
+}
+
+.ch_dark .ui.inverted:not(.dimmer) {
+    scrollbar-face-color: #656565;
+    scrollbar-shadow-color: #656565;
+    scrollbar-track-color: #323232;
+    scrollbar-arrow-color: #323232;
+    scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark ::selection {
+    background-color: #cce2ff;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark textarea::selection,
+.ch_dark input::selection {
+    background-color: rgba(100, 100, 100, 0.4);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.button {
+    background: var(--hoverbackground) none;
+    color: #d4d4d5;
+    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 #22242626 inset;
+}
+
+.ch_dark .ui.button:hover {
+    background-color: #5f5f5f;
+    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 #22242626 inset;
+    color: #ffffffcc;
+}
+
+.ch_dark .ui.button:focus {
+    background-color: #5f5f5f;
+    color: #ffffffcc;
+}
+
+.ch_dark .ui.button:active,
+.ch_dark .ui.active.button:active {
+    background-color: #babbbc;
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.ch_dark .ui.active.button {
+    background-color: #c0c1c2;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.active.button:hover {
+    background-color: #c0c1c2;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.active.button:active {
+    background-color: #c0c1c2;
+}
+
+.ch_dark .ui.loading.button::before {
+    border: 0.2em solid rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.loading.button::after {
+    color: #fff;
+}
+
+.ch_dark .ui.basic.loading.button:not(.inverted)::before {
+    border-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.basic.loading.button:not(.inverted)::after {
+    border-color: #767676;
+}
+
+.ch_dark .ui.basic.buttons .ui.disabled.button {
+    border-color: rgba(34, 36, 38, 0.5);
+}
+
+.ch_dark .ui.inverted.button {
+    box-shadow: 0 0 0 2px #fff inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.button:hover {
+    background: #fff;
+    color: #000000cc;
+    box-shadow: 0 0 0 2px #fff inset;
+
+}
+
+.ch_dark .ui.inverted.button:focus,
+.ch_dark .ui.inverted.button.active {
+    background: #fff;
+    color: #000000cc;
+    box-shadow: 0 0 0 2px #fff inset;
+}
+
+.ch_dark .ui.inverted.button.active:focus {
+    background: #dcddde;
+    box-shadow: 0 0 0 2px #dcddde inset;
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.labeled.button>.label {
+    border-color: rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.facebook.button {
+    background-color: #3b5998;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.facebook.button:hover {
+    background-color: #304d8a;
+    color: #fff;
+}
+
+.ch_dark .ui.facebook.button:active {
+    background-color: #2d4373;
+    color: #fff;
+}
+
+.ch_dark .ui.twitter.button {
+    background-color: #1da1f2;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.twitter.button:hover {
+    background-color: #0298f3;
+    color: #fff;
+}
+
+.ch_dark .ui.twitter.button:active {
+    background-color: #0c85d0;
+    color: #fff;
+}
+
+.ch_dark .ui.google.plus.button {
+    background-color: #dd4b39;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.google.plus.button:hover {
+    background-color: #e0321c;
+    color: #fff;
+}
+
+.ch_dark .ui.google.plus.button:active {
+    background-color: #c23321;
+    color: #fff;
+}
+
+.ch_dark .ui.linkedin.button {
+    background-color: #0077b5;
+    color: #fff;
+}
+
+.ch_dark .ui.linkedin.button:hover {
+    background-color: #00669c;
+    color: #fff;
+}
+
+.ch_dark .ui.linkedin.button:active {
+    background-color: #005582;
+    color: #fff;
+}
+
+.ch_dark .ui.youtube.button {
+    background-color: #ff0000;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.youtube.button:hover {
+    background-color: #e60000;
+    color: #fff;
+}
+
+.ch_dark .ui.youtube.button:active {
+    background-color: #cc0000;
+    color: #fff;
+}
+
+.ch_dark .ui.instagram.button {
+    background-color: #49769c;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.instagram.button:hover {
+    background-color: #3d698e;
+    color: #fff;
+}
+
+.ch_dark .ui.instagram.button:active {
+    background-color: #395c79;
+    color: #fff;
+}
+
+.ch_dark .ui.pinterest.button {
+    background-color: #bd081c;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.pinterest.button:hover {
+    background-color: #ac0013;
+    color: #fff;
+}
+
+.ch_dark .ui.pinterest.button:active {
+    background-color: #8c0615;
+    color: #fff;
+}
+
+.ch_dark .ui.vk.button {
+    background-color: #45668e;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.vk.button:hover {
+    background-color: #395980;
+    color: #fff;
+}
+
+.ch_dark .ui.vk.button:active {
+    background-color: #344d6c;
+    color: #fff;
+}
+
+.ch_dark .ui.whatsapp.button {
+    background-color: #25d366;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.whatsapp.button:hover {
+    background-color: #19c55a;
+    color: #fff;
+}
+
+.ch_dark .ui.whatsapp.button:active {
+    background-color: #1da851;
+    color: #fff;
+}
+
+.ch_dark .ui.telegram.button {
+    background-color: #0088cc;
+    color: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.telegram.button:hover {
+    background-color: #0077b3;
+    color: #fff;
+}
+
+.ch_dark .ui.telegram.button:active {
+    background-color: #006699;
+    color: #fff;
+}
+
+/** Variations **/
+.ch_dark .ui.basic.buttons .button,
+.ch_dark .ui.basic.button {
+    color: var(--text);
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.basic.buttons {
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.basic.buttons .button:hover,
+.ch_dark .ui.basic.button:hover {
+    background: #fff;
+    color: rgba(255, 255, 255, 0.8);
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.basic.buttons .button:focus,
+.ch_dark .ui.basic.button:focus {
+    background: #fff;
+    color: rgba(255, 255, 255, 0.8);
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.basic.buttons .button:active,
+.ch_dark .ui.basic.button:active {
+    background: #f8f8f8;
+    color: rgba(255, 255, 255, 0.9);
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.basic.buttons .active.button,
+.ch_dark .ui.basic.active.button {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.basic.buttons .active.button:hover,
+.ch_dark .ui.basic.active.button:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.basic.buttons .button:hover {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.basic.buttons .button:active {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.basic.inverted.buttons .button,
+.ch_dark .ui.basic.inverted.button {
+    color: var(--blackcolor);
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+}
+
+.ch_dark .ui.basic.inverted.buttons .button:hover,
+.ch_dark .ui.basic.inverted.button:hover {
+    color: #fff;
+    box-shadow: 0 0 0 2px #ffffff inset;
+}
+
+.ch_dark .ui.basic.inverted.buttons .button:focus,
+.ch_dark .ui.basic.inverted.button:focus {
+    color: #fff;
+    box-shadow: 0 0 0 2px #ffffff inset;
+}
+
+.ch_dark .ui.basic.inverted.buttons .button:active,
+.ch_dark .ui.basic.inverted.button:active {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: #fff;
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
+}
+
+.ch_dark .ui.basic.inverted.buttons .active.button,
+.ch_dark .ui.basic.inverted.active.button {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: #fff;
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
+}
+
+.ch_dark .ui.basic.inverted.buttons .active.button:hover,
+.ch_dark .ui.basic.inverted.active.button:hover {
+    background-color: rgba(255, 255, 255, 0.15);
+    box-shadow: 0 0 0 2px #ffffff inset;
+}
+
+.ch_dark .ui.basic.buttons:not(.inverted) .button:not(.basic) {
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.basic.vertical.buttons .button {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.tertiary.button {
+    color: rgba(0, 0, 0, 0.6);
+    background: none;
+}
+
+.ch_dark .ui.tertiary.button:hover {
+    box-shadow: inset 0 -0.2em 0 #666666;
+    color: #333333;
+}
+
+.ch_dark .ui.tertiary.button:focus {
+    box-shadow: inset 0 -0.2em 0 #666666;
+    color: #333333;
+}
+
+.ch_dark .ui.tertiary.button:active {
+    box-shadow: inset 0 -0.2em 0 #999999;
+    color: #666666;
+}
+
+.ch_dark .ui.labeled.icon.buttons>.button>.icon,
+.ch_dark .ui.labeled.icon.button>.icon {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.toggle.buttons .active.button,
+.ch_dark .ui.buttons .button.toggle.active,
+.ch_dark .ui.button.toggle.active {
+    background-color: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.button.toggle.active:hover {
+    background-color: #16ab39;
+    color: #fff;
+}
+
+.ch_dark .ui.buttons .or::before {
+    background-color: #fff;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.attached.button {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.primary.buttons .button,
+.ch_dark .ui.primary.button {
+    background-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.primary.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.primary.buttons .button:hover,
+.ch_dark .ui.primary.button:hover {
+    background-color: #1678c2;
+    color: #fff;
+}
+
+.ch_dark .ui.primary.buttons .button:focus,
+.ch_dark .ui.primary.button:focus {
+    background-color: #0d71bb;
+    color: #fff;
+}
+
+.ch_dark .ui.primary.buttons .button:active,
+.ch_dark .ui.primary.button:active {
+    background-color: #1a69a4;
+    color: #fff;
+}
+
+.ch_dark .ui.primary.buttons .active.button,
+.ch_dark .ui.primary.buttons .active.button:active,
+.ch_dark .ui.primary.active.button,
+.ch_dark .ui.primary.button .active.button:active {
+    background-color: #1279c6;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.primary.buttons .button,
+.ch_dark .ui.basic.primary.button {
+    box-shadow: 0 0 0 1px #2185d0 inset;
+    color: #2185d0;
+}
+
+.ch_dark .ui.basic.primary.buttons .button:hover,
+.ch_dark .ui.basic.primary.button:hover {
+    box-shadow: 0 0 0 1px #1678c2 inset;
+    color: #1678c2;
+}
+
+.ch_dark .ui.basic.primary.buttons .button:focus,
+.ch_dark .ui.basic.primary.button:focus {
+    box-shadow: 0 0 0 1px #0d71bb inset;
+    color: #1678c2;
+}
+
+.ch_dark .ui.basic.primary.buttons .active.button,
+.ch_dark .ui.basic.primary.active.button {
+    box-shadow: 0 0 0 1px #1279c6 inset;
+    color: #1a69a4;
+}
+
+.ch_dark .ui.basic.primary.buttons .button:active,
+.ch_dark .ui.basic.primary.button:active {
+    box-shadow: 0 0 0 1px #1a69a4 inset;
+    color: #1a69a4;
+}
+
+.ch_dark .ui.inverted.primary.buttons .button,
+.ch_dark .ui.inverted.primary.button {
+    box-shadow: 0 0 0 2px #54c8ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.primary.buttons .button:hover,
+.ch_dark .ui.inverted.primary.button:hover,
+.ch_dark .ui.inverted.primary.buttons .button:focus,
+.ch_dark .ui.inverted.primary.button:focus,
+.ch_dark .ui.inverted.primary.buttons .button.active,
+.ch_dark .ui.inverted.primary.button.active,
+.ch_dark .ui.inverted.primary.buttons .button:active,
+.ch_dark .ui.inverted.primary.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.primary.buttons .button:hover,
+.ch_dark .ui.inverted.primary.button:hover {
+    background-color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.primary.buttons .button:focus,
+.ch_dark .ui.inverted.primary.button:focus {
+    background-color: #2bbbff;
+}
+
+.ch_dark .ui.inverted.primary.buttons .active.button,
+.ch_dark .ui.inverted.primary.active.button {
+    background-color: #3ac0ff;
+}
+
+.ch_dark .ui.inverted.primary.buttons .button:active,
+.ch_dark .ui.inverted.primary.button:active {
+    background-color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.primary.basic.buttons .button,
+.ch_dark .ui.inverted.primary.buttons .basic.button,
+.ch_dark .ui.inverted.primary.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.primary.basic.buttons .button:hover,
+.ch_dark .ui.inverted.primary.buttons .basic.button:hover,
+.ch_dark .ui.inverted.primary.basic.button:hover {
+    box-shadow: 0 0 0 2px #21b8ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.primary.basic.buttons .button:focus,
+.ch_dark .ui.inverted.primary.basic.buttons .button:focus,
+.ch_dark .ui.inverted.primary.basic.button:focus {
+    box-shadow: 0 0 0 2px #2bbbff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.primary.basic.buttons .active.button,
+.ch_dark .ui.inverted.primary.buttons .basic.active.button,
+.ch_dark .ui.inverted.primary.basic.active.button {
+    box-shadow: 0 0 0 2px #3ac0ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.primary.basic.buttons .button:active,
+.ch_dark .ui.inverted.primary.buttons .basic.button:active,
+.ch_dark .ui.inverted.primary.basic.button:active {
+    box-shadow: 0 0 0 2px #21b8ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.tertiary.primary.buttons .button,
+.ch_dark .ui.tertiary.primary.buttons .tertiary.button,
+.ch_dark .ui.tertiary.primary.button {
+    color: #2185d0;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.primary.buttons .button:hover,
+.ch_dark .ui.tertiary.primary.buttons button:hover,
+.ch_dark .ui.tertiary.primary.button:hover {
+    box-shadow: inset 0 -0.2em 0 #2b75ac;
+    color: #2b75ac;
+}
+
+.ch_dark .ui.tertiary.primary.buttons .button:focus,
+.ch_dark .ui.tertiary.primary.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.primary.button:focus {
+    box-shadow: inset 0 -0.2em 0 #216ea7;
+    color: #216ea7;
+}
+
+.ch_dark .ui.tertiary.primary.buttons .active.button,
+.ch_dark .ui.tertiary.primary.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.primary.active.button,
+.ch_dark .ui.tertiary.primary.buttons .button:active,
+.ch_dark .ui.tertiary.primary.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.primary.button:active {
+    box-shadow: inset 0 -0.2em 0 #007bd8;
+    color: #1279c6;
+}
+
+.ch_dark .ui.secondary.buttons .button,
+.ch_dark .ui.secondary.button {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.secondary.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.secondary.buttons .button:hover,
+.ch_dark .ui.secondary.button:hover {
+    background-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark .ui.secondary.buttons .button:focus,
+.ch_dark .ui.secondary.button:focus {
+    background-color: #2e3032;
+    color: #fff;
+}
+
+.ch_dark .ui.secondary.buttons .button:active,
+.ch_dark .ui.secondary.button:active {
+    background-color: #343637;
+    color: #fff;
+}
+
+.ch_dark .ui.secondary.buttons .active.button,
+.ch_dark .ui.secondary.buttons .active.button:active,
+.ch_dark .ui.secondary.active.button,
+.ch_dark .ui.secondary.button .active.button:active {
+    background-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.secondary.buttons .button,
+.ch_dark .ui.basic.secondary.button {
+    box-shadow: 0 0 0 1px #1b1c1d inset;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.basic.secondary.buttons .button:hover,
+.ch_dark .ui.basic.secondary.button:hover {
+    box-shadow: 0 0 0 1px #27292a inset;
+    color: #27292a;
+}
+
+.ch_dark .ui.basic.secondary.buttons .button:focus,
+.ch_dark .ui.basic.secondary.button:focus {
+    box-shadow: 0 0 0 1px #2e3032 inset;
+    color: #27292a;
+}
+
+.ch_dark .ui.basic.secondary.buttons .active.button,
+.ch_dark .ui.basic.secondary.active.button {
+    box-shadow: 0 0 0 1px #27292a inset;
+    color: #343637;
+}
+
+.ch_dark .ui.basic.secondary.buttons .button:active,
+.ch_dark .ui.basic.secondary.button:active {
+    box-shadow: 0 0 0 1px #343637 inset;
+    color: #343637;
+}
+
+.ch_dark .ui.inverted.secondary.buttons .button,
+.ch_dark .ui.inverted.secondary.button {
+    box-shadow: 0 0 0 2px #545454 inset;
+    color: #545454;
+}
+
+.ch_dark .ui.inverted.secondary.buttons .button:hover,
+.ch_dark .ui.inverted.secondary.button:hover,
+.ch_dark .ui.inverted.secondary.buttons .button:focus,
+.ch_dark .ui.inverted.secondary.button:focus,
+.ch_dark .ui.inverted.secondary.buttons .button.active,
+.ch_dark .ui.inverted.secondary.button.active,
+.ch_dark .ui.inverted.secondary.buttons .button:active,
+.ch_dark .ui.inverted.secondary.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.secondary.buttons .button:hover,
+.ch_dark .ui.inverted.secondary.button:hover {
+    background-color: #6e6e6e;
+}
+
+.ch_dark .ui.inverted.secondary.buttons .button:focus,
+.ch_dark .ui.inverted.secondary.button:focus {
+    background-color: #686868;
+}
+
+.ch_dark .ui.inverted.secondary.buttons .active.button,
+.ch_dark .ui.inverted.secondary.active.button {
+    background-color: #616161;
+}
+
+.ch_dark .ui.inverted.secondary.buttons .button:active,
+.ch_dark .ui.inverted.secondary.button:active {
+    background-color: #6e6e6e;
+}
+
+.ch_dark .ui.inverted.secondary.basic.buttons .button,
+.ch_dark .ui.inverted.secondary.buttons .basic.button,
+.ch_dark .ui.inverted.secondary.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.secondary.basic.buttons .button:hover,
+.ch_dark .ui.inverted.secondary.buttons .basic.button:hover,
+.ch_dark .ui.inverted.secondary.basic.button:hover {
+    box-shadow: 0 0 0 2px #6e6e6e inset;
+    color: #545454;
+}
+
+.ch_dark .ui.inverted.secondary.basic.buttons .button:focus,
+.ch_dark .ui.inverted.secondary.basic.buttons .button:focus,
+.ch_dark .ui.inverted.secondary.basic.button:focus {
+    box-shadow: 0 0 0 2px #686868 inset;
+    color: #545454;
+}
+
+.ch_dark .ui.inverted.secondary.basic.buttons .active.button,
+.ch_dark .ui.inverted.secondary.buttons .basic.active.button,
+.ch_dark .ui.inverted.secondary.basic.active.button {
+    box-shadow: 0 0 0 2px #616161 inset;
+    color: #545454;
+}
+
+.ch_dark .ui.inverted.secondary.basic.buttons .button:active,
+.ch_dark .ui.inverted.secondary.buttons .basic.button:active,
+.ch_dark .ui.inverted.secondary.basic.button:active {
+    box-shadow: 0 0 0 2px #6e6e6e inset;
+    color: #545454;
+}
+
+.ch_dark .ui.tertiary.secondary.buttons .button,
+.ch_dark .ui.tertiary.secondary.buttons .tertiary.button,
+.ch_dark .ui.tertiary.secondary.button {
+    color: #1b1c1d;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.secondary.buttons .button:hover,
+.ch_dark .ui.tertiary.secondary.buttons button:hover,
+.ch_dark .ui.tertiary.secondary.button:hover {
+    box-shadow: inset 0 -0.2em 0 #292929;
+    color: #292929;
+}
+
+.ch_dark .ui.tertiary.secondary.buttons .button:focus,
+.ch_dark .ui.tertiary.secondary.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.secondary.button:focus {
+    box-shadow: inset 0 -0.2em 0 #303030;
+    color: #303030;
+}
+
+.ch_dark .ui.tertiary.secondary.buttons .active.button,
+.ch_dark .ui.tertiary.secondary.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.secondary.active.button,
+.ch_dark .ui.tertiary.secondary.buttons .button:active,
+.ch_dark .ui.tertiary.secondary.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.secondary.button:active {
+    box-shadow: inset 0 -0.2em 0 #1f2933;
+    color: #27292a;
+}
+
+.ch_dark .ui.red.buttons .button,
+.ch_dark .ui.red.button {
+    background-color: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.red.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.red.buttons .button:hover,
+.ch_dark .ui.red.button:hover {
+    background-color: #d01919;
+    color: #fff;
+}
+
+.ch_dark .ui.red.buttons .button:focus,
+.ch_dark .ui.red.button:focus {
+    background-color: #ca1010;
+    color: #fff;
+}
+
+.ch_dark .ui.red.buttons .button:active,
+.ch_dark .ui.red.button:active {
+    background-color: #b21e1e;
+    color: #fff;
+}
+
+.ch_dark .ui.red.buttons .active.button,
+.ch_dark .ui.red.buttons .active.button:active,
+.ch_dark .ui.red.active.button,
+.ch_dark .ui.red.button .active.button:active {
+    background-color: #d41515;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.red.buttons .button,
+.ch_dark .ui.basic.red.button {
+    box-shadow: 0 0 0 1px #db2828 inset;
+    color: #db2828;
+}
+
+.ch_dark .ui.basic.red.buttons .button:hover,
+.ch_dark .ui.basic.red.button:hover {
+    box-shadow: 0 0 0 1px #d01919 inset;
+    color: #d01919;
+}
+
+.ch_dark .ui.basic.red.buttons .button:focus,
+.ch_dark .ui.basic.red.button:focus {
+    box-shadow: 0 0 0 1px #ca1010 inset;
+    color: #d01919;
+}
+
+.ch_dark .ui.basic.red.buttons .active.button,
+.ch_dark .ui.basic.red.active.button {
+    box-shadow: 0 0 0 1px #d41515 inset;
+    color: #b21e1e;
+}
+
+.ch_dark .ui.basic.red.buttons .button:active,
+.ch_dark .ui.basic.red.button:active {
+    box-shadow: 0 0 0 1px #b21e1e inset;
+    color: #b21e1e;
+}
+
+.ch_dark .ui.inverted.red.buttons .button,
+.ch_dark .ui.inverted.red.button {
+    box-shadow: 0 0 0 2px #ff695e inset;
+    color: #ff695e;
+}
+
+.ch_dark .ui.inverted.red.buttons .button:hover,
+.ch_dark .ui.inverted.red.button:hover,
+.ch_dark .ui.inverted.red.buttons .button:focus,
+.ch_dark .ui.inverted.red.button:focus,
+.ch_dark .ui.inverted.red.buttons .button.active,
+.ch_dark .ui.inverted.red.button.active,
+.ch_dark .ui.inverted.red.buttons .button:active,
+.ch_dark .ui.inverted.red.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.red.buttons .button:hover,
+.ch_dark .ui.inverted.red.button:hover {
+    background-color: #ff392b;
+}
+
+.ch_dark .ui.inverted.red.buttons .button:focus,
+.ch_dark .ui.inverted.red.button:focus {
+    background-color: #ff4335;
+}
+
+.ch_dark .ui.inverted.red.buttons .active.button,
+.ch_dark .ui.inverted.red.active.button {
+    background-color: #ff5144;
+}
+
+.ch_dark .ui.inverted.red.buttons .button:active,
+.ch_dark .ui.inverted.red.button:active {
+    background-color: #ff392b;
+}
+
+.ch_dark .ui.inverted.red.basic.buttons .button,
+.ch_dark .ui.inverted.red.buttons .basic.button,
+.ch_dark .ui.inverted.red.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.red.basic.buttons .button:hover,
+.ch_dark .ui.inverted.red.buttons .basic.button:hover,
+.ch_dark .ui.inverted.red.basic.button:hover {
+    box-shadow: 0 0 0 2px #ff392b inset;
+    color: #ff695e;
+}
+
+.ch_dark .ui.inverted.red.basic.buttons .button:focus,
+.ch_dark .ui.inverted.red.basic.buttons .button:focus,
+.ch_dark .ui.inverted.red.basic.button:focus {
+    box-shadow: 0 0 0 2px #ff4335 inset;
+    color: #ff695e;
+}
+
+.ch_dark .ui.inverted.red.basic.buttons .active.button,
+.ch_dark .ui.inverted.red.buttons .basic.active.button,
+.ch_dark .ui.inverted.red.basic.active.button {
+    box-shadow: 0 0 0 2px #ff5144 inset;
+    color: #ff695e;
+}
+
+.ch_dark .ui.inverted.red.basic.buttons .button:active,
+.ch_dark .ui.inverted.red.buttons .basic.button:active,
+.ch_dark .ui.inverted.red.basic.button:active {
+    box-shadow: 0 0 0 2px #ff392b inset;
+    color: #ff695e;
+}
+
+.ch_dark .ui.tertiary.red.buttons .button,
+.ch_dark .ui.tertiary.red.buttons .tertiary.button,
+.ch_dark .ui.tertiary.red.button {
+    color: #db2828;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.red.buttons .button:hover,
+.ch_dark .ui.tertiary.red.buttons button:hover,
+.ch_dark .ui.tertiary.red.button:hover {
+    box-shadow: inset 0 -0.2em 0 #b93131;
+    color: #b93131;
+}
+
+.ch_dark .ui.tertiary.red.buttons .button:focus,
+.ch_dark .ui.tertiary.red.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.red.button:focus {
+    box-shadow: inset 0 -0.2em 0 #b52626;
+    color: #b52626;
+}
+
+.ch_dark .ui.tertiary.red.buttons .active.button,
+.ch_dark .ui.tertiary.red.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.red.active.button,
+.ch_dark .ui.tertiary.red.buttons .button:active,
+.ch_dark .ui.tertiary.red.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.red.button:active {
+    box-shadow: inset 0 -0.2em 0 #ea0000;
+    color: #d41515;
+}
+
+.ch_dark .ui.orange.buttons .button,
+.ch_dark .ui.orange.button {
+    background-color: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.orange.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.orange.buttons .button:hover,
+.ch_dark .ui.orange.button:hover {
+    background-color: #f26202;
+    color: #fff;
+}
+
+.ch_dark .ui.orange.buttons .button:focus,
+.ch_dark .ui.orange.button:focus {
+    background-color: #e55b00;
+    color: #fff;
+}
+
+.ch_dark .ui.orange.buttons .button:active,
+.ch_dark .ui.orange.button:active {
+    background-color: #cf590c;
+    color: #fff;
+}
+
+.ch_dark .ui.orange.buttons .active.button,
+.ch_dark .ui.orange.buttons .active.button:active,
+.ch_dark .ui.orange.active.button,
+.ch_dark .ui.orange.button .active.button:active {
+    background-color: #f56100;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.orange.buttons .button,
+.ch_dark .ui.basic.orange.button {
+    box-shadow: 0 0 0 1px #f2711c inset;
+    color: #f2711c;
+}
+
+.ch_dark .ui.basic.orange.buttons .button:hover,
+.ch_dark .ui.basic.orange.button:hover {
+    box-shadow: 0 0 0 1px #f26202 inset;
+    color: #f26202;
+}
+
+.ch_dark .ui.basic.orange.buttons .button:focus,
+.ch_dark .ui.basic.orange.button:focus {
+    box-shadow: 0 0 0 1px #e55b00 inset;
+    color: #f26202;
+}
+
+.ch_dark .ui.basic.orange.buttons .active.button,
+.ch_dark .ui.basic.orange.active.button {
+    box-shadow: 0 0 0 1px #f56100 inset;
+    color: #cf590c;
+}
+
+.ch_dark .ui.basic.orange.buttons .button:active,
+.ch_dark .ui.basic.orange.button:active {
+    box-shadow: 0 0 0 1px #cf590c inset;
+    color: #cf590c;
+}
+
+.ch_dark .ui.inverted.orange.buttons .button,
+.ch_dark .ui.inverted.orange.button {
+    box-shadow: 0 0 0 2px #ff851b inset;
+    color: #ff851b;
+}
+
+.ch_dark .ui.inverted.orange.buttons .button:hover,
+.ch_dark .ui.inverted.orange.button:hover,
+.ch_dark .ui.inverted.orange.buttons .button:focus,
+.ch_dark .ui.inverted.orange.button:focus,
+.ch_dark .ui.inverted.orange.buttons .button.active,
+.ch_dark .ui.inverted.orange.button.active,
+.ch_dark .ui.inverted.orange.buttons .button:active,
+.ch_dark .ui.inverted.orange.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.orange.buttons .button:hover,
+.ch_dark .ui.inverted.orange.button:hover {
+    background-color: #e76b00;
+}
+
+.ch_dark .ui.inverted.orange.buttons .button:focus,
+.ch_dark .ui.inverted.orange.button:focus {
+    background-color: #f17000;
+}
+
+.ch_dark .ui.inverted.orange.buttons .active.button,
+.ch_dark .ui.inverted.orange.active.button {
+    background-color: #ff7701;
+}
+
+.ch_dark .ui.inverted.orange.buttons .button:active,
+.ch_dark .ui.inverted.orange.button:active {
+    background-color: #e76b00;
+}
+
+.ch_dark .ui.inverted.orange.basic.buttons .button,
+.ch_dark .ui.inverted.orange.buttons .basic.button,
+.ch_dark .ui.inverted.orange.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.orange.basic.buttons .button:hover,
+.ch_dark .ui.inverted.orange.buttons .basic.button:hover,
+.ch_dark .ui.inverted.orange.basic.button:hover {
+    box-shadow: 0 0 0 2px #e76b00 inset;
+    color: #ff851b;
+}
+
+.ch_dark .ui.inverted.orange.basic.buttons .button:focus,
+.ch_dark .ui.inverted.orange.basic.buttons .button:focus,
+.ch_dark .ui.inverted.orange.basic.button:focus {
+    box-shadow: 0 0 0 2px #f17000 inset;
+    color: #ff851b;
+}
+
+.ch_dark .ui.inverted.orange.basic.buttons .active.button,
+.ch_dark .ui.inverted.orange.buttons .basic.active.button,
+.ch_dark .ui.inverted.orange.basic.active.button {
+    box-shadow: 0 0 0 2px #ff7701 inset;
+    color: #ff851b;
+}
+
+.ch_dark .ui.inverted.orange.basic.buttons .button:active,
+.ch_dark .ui.inverted.orange.buttons .basic.button:active,
+.ch_dark .ui.inverted.orange.basic.button:active {
+    box-shadow: 0 0 0 2px #e76b00 inset;
+    color: #ff851b;
+}
+
+.ch_dark .ui.tertiary.orange.buttons .button,
+.ch_dark .ui.tertiary.orange.buttons .tertiary.button,
+.ch_dark .ui.tertiary.orange.button {
+    color: #f2711c;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.orange.buttons .button:hover,
+.ch_dark .ui.tertiary.orange.buttons button:hover,
+.ch_dark .ui.tertiary.orange.button:hover {
+    box-shadow: inset 0 -0.2em 0 #da671b;
+    color: #da671b;
+}
+
+.ch_dark .ui.tertiary.orange.buttons .button:focus,
+.ch_dark .ui.tertiary.orange.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.orange.button:focus {
+    box-shadow: inset 0 -0.2em 0 #ce6017;
+    color: #ce6017;
+}
+
+.ch_dark .ui.tertiary.orange.buttons .active.button,
+.ch_dark .ui.tertiary.orange.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.orange.active.button,
+.ch_dark .ui.tertiary.orange.buttons .button:active,
+.ch_dark .ui.tertiary.orange.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.orange.button:active {
+    box-shadow: inset 0 -0.2em 0 #f56100;
+    color: #f56100;
+}
+
+.ch_dark .ui.yellow.buttons .button,
+.ch_dark .ui.yellow.button {
+    background-color: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.yellow.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.yellow.buttons .button:hover,
+.ch_dark .ui.yellow.button:hover {
+    background-color: #eaae00;
+    color: #fff;
+}
+
+.ch_dark .ui.yellow.buttons .button:focus,
+.ch_dark .ui.yellow.button:focus {
+    background-color: #daa300;
+    color: #fff;
+}
+
+.ch_dark .ui.yellow.buttons .button:active,
+.ch_dark .ui.yellow.button:active {
+    background-color: #cd9903;
+    color: #fff;
+}
+
+.ch_dark .ui.yellow.buttons .active.button,
+.ch_dark .ui.yellow.buttons .active.button:active,
+.ch_dark .ui.yellow.active.button,
+.ch_dark .ui.yellow.button .active.button:active {
+    background-color: #eaae00;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.yellow.buttons .button,
+.ch_dark .ui.basic.yellow.button {
+    box-shadow: 0 0 0 1px #fbbd08 inset;
+    color: #fbbd08;
+}
+
+.ch_dark .ui.basic.yellow.buttons .button:hover,
+.ch_dark .ui.basic.yellow.button:hover {
+    box-shadow: 0 0 0 1px #eaae00 inset;
+    color: #eaae00;
+}
+
+.ch_dark .ui.basic.yellow.buttons .button:focus,
+.ch_dark .ui.basic.yellow.button:focus {
+    box-shadow: 0 0 0 1px #daa300 inset;
+    color: #eaae00;
+}
+
+.ch_dark .ui.basic.yellow.buttons .active.button,
+.ch_dark .ui.basic.yellow.active.button {
+    box-shadow: 0 0 0 1px #eaae00 inset;
+    color: #cd9903;
+}
+
+.ch_dark .ui.basic.yellow.buttons .button:active,
+.ch_dark .ui.basic.yellow.button:active {
+    box-shadow: 0 0 0 1px #cd9903 inset;
+    color: #cd9903;
+}
+
+.ch_dark .ui.inverted.yellow.buttons .button,
+.ch_dark .ui.inverted.yellow.button {
+    box-shadow: 0 0 0 2px #ffe21f inset;
+    color: #ffe21f;
+}
+
+.ch_dark .ui.inverted.yellow.buttons .button:hover,
+.ch_dark .ui.inverted.yellow.button:hover,
+.ch_dark .ui.inverted.yellow.buttons .button:focus,
+.ch_dark .ui.inverted.yellow.button:focus,
+.ch_dark .ui.inverted.yellow.buttons .button.active,
+.ch_dark .ui.inverted.yellow.button.active,
+.ch_dark .ui.inverted.yellow.buttons .button:active,
+.ch_dark .ui.inverted.yellow.button:active {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.inverted.yellow.buttons .button:hover,
+.ch_dark .ui.inverted.yellow.button:hover {
+    background-color: #ebcd00;
+}
+
+.ch_dark .ui.inverted.yellow.buttons .button:focus,
+.ch_dark .ui.inverted.yellow.button:focus {
+    background-color: #f5d500;
+}
+
+.ch_dark .ui.inverted.yellow.buttons .active.button,
+.ch_dark .ui.inverted.yellow.active.button {
+    background-color: #ffdf05;
+}
+
+.ch_dark .ui.inverted.yellow.buttons .button:active,
+.ch_dark .ui.inverted.yellow.button:active {
+    background-color: #ebcd00;
+}
+
+.ch_dark .ui.inverted.yellow.basic.buttons .button,
+.ch_dark .ui.inverted.yellow.buttons .basic.button,
+.ch_dark .ui.inverted.yellow.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.yellow.basic.buttons .button:hover,
+.ch_dark .ui.inverted.yellow.buttons .basic.button:hover,
+.ch_dark .ui.inverted.yellow.basic.button:hover {
+    box-shadow: 0 0 0 2px #ebcd00 inset;
+    color: #ffe21f;
+}
+
+.ch_dark .ui.inverted.yellow.basic.buttons .button:focus,
+.ch_dark .ui.inverted.yellow.basic.buttons .button:focus,
+.ch_dark .ui.inverted.yellow.basic.button:focus {
+    box-shadow: 0 0 0 2px #f5d500 inset;
+    color: #ffe21f;
+}
+
+.ch_dark .ui.inverted.yellow.basic.buttons .active.button,
+.ch_dark .ui.inverted.yellow.buttons .basic.active.button,
+.ch_dark .ui.inverted.yellow.basic.active.button {
+    box-shadow: 0 0 0 2px #ffdf05 inset;
+    color: #ffe21f;
+}
+
+.ch_dark .ui.inverted.yellow.basic.buttons .button:active,
+.ch_dark .ui.inverted.yellow.buttons .basic.button:active,
+.ch_dark .ui.inverted.yellow.basic.button:active {
+    box-shadow: 0 0 0 2px #ebcd00 inset;
+    color: #ffe21f;
+}
+
+.ch_dark .ui.tertiary.yellow.buttons .button,
+.ch_dark .ui.tertiary.yellow.buttons .tertiary.button,
+.ch_dark .ui.tertiary.yellow.button {
+    color: #fbbd08;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.yellow.buttons .button:hover,
+.ch_dark .ui.tertiary.yellow.buttons button:hover,
+.ch_dark .ui.tertiary.yellow.button:hover {
+    box-shadow: inset 0 -0.2em 0 #d2a217;
+    color: #d2a217;
+}
+
+.ch_dark .ui.tertiary.yellow.buttons .button:focus,
+.ch_dark .ui.tertiary.yellow.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.yellow.button:focus {
+    box-shadow: inset 0 -0.2em 0 #c49816;
+    color: #c49816;
+}
+
+.ch_dark .ui.tertiary.yellow.buttons .active.button,
+.ch_dark .ui.tertiary.yellow.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.yellow.active.button,
+.ch_dark .ui.tertiary.yellow.buttons .button:active,
+.ch_dark .ui.tertiary.yellow.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.yellow.button:active {
+    box-shadow: inset 0 -0.2em 0 #eaae00;
+    color: #eaae00;
+}
+
+.ch_dark .ui.olive.buttons .button,
+.ch_dark .ui.olive.button {
+    background-color: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.olive.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.olive.buttons .button:hover,
+.ch_dark .ui.olive.button:hover {
+    background-color: #a7bd0d;
+    color: #fff;
+}
+
+.ch_dark .ui.olive.buttons .button:focus,
+.ch_dark .ui.olive.button:focus {
+    background-color: #a0b605;
+    color: #fff;
+}
+
+.ch_dark .ui.olive.buttons .button:active,
+.ch_dark .ui.olive.button:active {
+    background-color: #8d9e13;
+    color: #fff;
+}
+
+.ch_dark .ui.olive.buttons .active.button,
+.ch_dark .ui.olive.buttons .active.button:active,
+.ch_dark .ui.olive.active.button,
+.ch_dark .ui.olive.button .active.button:active {
+    background-color: #aac109;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.olive.buttons .button,
+.ch_dark .ui.basic.olive.button {
+    box-shadow: 0 0 0 1px #b5cc18 inset;
+    color: #b5cc18;
+}
+
+.ch_dark .ui.basic.olive.buttons .button:hover,
+.ch_dark .ui.basic.olive.button:hover {
+    box-shadow: 0 0 0 1px #a7bd0d inset;
+    color: #a7bd0d;
+}
+
+.ch_dark .ui.basic.olive.buttons .button:focus,
+.ch_dark .ui.basic.olive.button:focus {
+    box-shadow: 0 0 0 1px #a0b605 inset;
+    color: #a7bd0d;
+}
+
+.ch_dark .ui.basic.olive.buttons .active.button,
+.ch_dark .ui.basic.olive.active.button {
+    box-shadow: 0 0 0 1px #aac109 inset;
+    color: #8d9e13;
+}
+
+.ch_dark .ui.basic.olive.buttons .button:active,
+.ch_dark .ui.basic.olive.button:active {
+    box-shadow: 0 0 0 1px #8d9e13 inset;
+    color: #8d9e13;
+}
+
+.ch_dark .ui.inverted.olive.buttons .button,
+.ch_dark .ui.inverted.olive.button {
+    box-shadow: 0 0 0 2px #d9e778 inset;
+    color: #d9e778;
+}
+
+.ch_dark .ui.inverted.olive.buttons .button:hover,
+.ch_dark .ui.inverted.olive.button:hover,
+.ch_dark .ui.inverted.olive.buttons .button:focus,
+.ch_dark .ui.inverted.olive.button:focus,
+.ch_dark .ui.inverted.olive.buttons .button.active,
+.ch_dark .ui.inverted.olive.button.active,
+.ch_dark .ui.inverted.olive.buttons .button:active,
+.ch_dark .ui.inverted.olive.button:active {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.inverted.olive.buttons .button:hover,
+.ch_dark .ui.inverted.olive.button:hover {
+    background-color: #d2e745;
+}
+
+.ch_dark .ui.inverted.olive.buttons .button:focus,
+.ch_dark .ui.inverted.olive.button:focus {
+    background-color: #daef47;
+}
+
+.ch_dark .ui.inverted.olive.buttons .active.button,
+.ch_dark .ui.inverted.olive.active.button {
+    background-color: #daed59;
+}
+
+.ch_dark .ui.inverted.olive.buttons .button:active,
+.ch_dark .ui.inverted.olive.button:active {
+    background-color: #cddf4d;
+}
+
+.ch_dark .ui.inverted.olive.basic.buttons .button,
+.ch_dark .ui.inverted.olive.buttons .basic.button,
+.ch_dark .ui.inverted.olive.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.olive.basic.buttons .button:hover,
+.ch_dark .ui.inverted.olive.buttons .basic.button:hover,
+.ch_dark .ui.inverted.olive.basic.button:hover {
+    box-shadow: 0 0 0 2px #d2e745 inset;
+    color: #d9e778;
+}
+
+.ch_dark .ui.inverted.olive.basic.buttons .button:focus,
+.ch_dark .ui.inverted.olive.basic.buttons .button:focus,
+.ch_dark .ui.inverted.olive.basic.button:focus {
+    box-shadow: 0 0 0 2px #daef47 inset;
+    color: #d9e778;
+}
+
+.ch_dark .ui.inverted.olive.basic.buttons .active.button,
+.ch_dark .ui.inverted.olive.buttons .basic.active.button,
+.ch_dark .ui.inverted.olive.basic.active.button {
+    box-shadow: 0 0 0 2px #daed59 inset;
+    color: #d9e778;
+}
+
+.ch_dark .ui.inverted.olive.basic.buttons .button:active,
+.ch_dark .ui.inverted.olive.buttons .basic.button:active,
+.ch_dark .ui.inverted.olive.basic.button:active {
+    box-shadow: 0 0 0 2px #cddf4d inset;
+    color: #d9e778;
+}
+
+.ch_dark .ui.tertiary.olive.buttons .button,
+.ch_dark .ui.tertiary.olive.buttons .tertiary.button,
+.ch_dark .ui.tertiary.olive.button {
+    color: #b5cc18;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.olive.buttons .button:hover,
+.ch_dark .ui.tertiary.olive.buttons button:hover,
+.ch_dark .ui.tertiary.olive.button:hover {
+    box-shadow: inset 0 -0.2em 0 #98a922;
+    color: #98a922;
+}
+
+.ch_dark .ui.tertiary.olive.buttons .button:focus,
+.ch_dark .ui.tertiary.olive.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.olive.button:focus {
+    box-shadow: inset 0 -0.2em 0 #92a418;
+    color: #92a418;
+}
+
+.ch_dark .ui.tertiary.olive.buttons .active.button,
+.ch_dark .ui.tertiary.olive.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.olive.active.button,
+.ch_dark .ui.tertiary.olive.buttons .button:active,
+.ch_dark .ui.tertiary.olive.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.olive.button:active {
+    box-shadow: inset 0 -0.2em 0 #b1cb00;
+    color: #aac109;
+}
+
+.ch_dark .ui.green.buttons .button,
+.ch_dark .ui.green.button {
+    background-color: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.green.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.green.buttons .button:hover,
+.ch_dark .ui.green.button:hover {
+    background-color: #16ab39;
+    color: #fff;
+}
+
+.ch_dark .ui.green.buttons .button:focus,
+.ch_dark .ui.green.button:focus {
+    background-color: #0ea432;
+    color: #fff;
+}
+
+.ch_dark .ui.green.buttons .button:active,
+.ch_dark .ui.green.button:active {
+    background-color: #198f35;
+    color: #fff;
+}
+
+.ch_dark .ui.green.buttons .active.button,
+.ch_dark .ui.green.buttons .active.button:active,
+.ch_dark .ui.green.active.button,
+.ch_dark .ui.green.button .active.button:active {
+    background-color: #13ae38;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.green.buttons .button,
+.ch_dark .ui.basic.green.button {
+    box-shadow: 0 0 0 1px #21ba45 inset;
+    color: #21ba45;
+}
+
+.ch_dark .ui.basic.green.buttons .button:hover,
+.ch_dark .ui.basic.green.button:hover {
+    box-shadow: 0 0 0 1px #16ab39 inset;
+    color: #16ab39;
+}
+
+.ch_dark .ui.basic.green.buttons .button:focus,
+.ch_dark .ui.basic.green.button:focus {
+    box-shadow: 0 0 0 1px #0ea432 inset;
+    color: #16ab39;
+}
+
+.ch_dark .ui.basic.green.buttons .active.button,
+.ch_dark .ui.basic.green.active.button {
+    box-shadow: 0 0 0 1px #13ae38 inset;
+    color: #198f35;
+}
+
+.ch_dark .ui.basic.green.buttons .button:active,
+.ch_dark .ui.basic.green.button:active {
+    box-shadow: 0 0 0 1px #198f35 inset;
+    color: #198f35;
+}
+
+.ch_dark .ui.inverted.green.buttons .button,
+.ch_dark .ui.inverted.green.button {
+    box-shadow: 0 0 0 2px #2ecc40 inset;
+    color: #2ecc40;
+}
+
+.ch_dark .ui.inverted.green.buttons .button:hover,
+.ch_dark .ui.inverted.green.button:hover,
+.ch_dark .ui.inverted.green.buttons .button:focus,
+.ch_dark .ui.inverted.green.button:focus,
+.ch_dark .ui.inverted.green.buttons .button.active,
+.ch_dark .ui.inverted.green.button.active,
+.ch_dark .ui.inverted.green.buttons .button:active,
+.ch_dark .ui.inverted.green.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.green.buttons .button:hover,
+.ch_dark .ui.inverted.green.button:hover {
+    background-color: #1ea92e;
+}
+
+.ch_dark .ui.inverted.green.buttons .button:focus,
+.ch_dark .ui.inverted.green.button:focus {
+    background-color: #19b82b;
+}
+
+.ch_dark .ui.inverted.green.buttons .active.button,
+.ch_dark .ui.inverted.green.active.button {
+    background-color: #1fc231;
+}
+
+.ch_dark .ui.inverted.green.buttons .button:active,
+.ch_dark .ui.inverted.green.button:active {
+    background-color: #25a233;
+}
+
+.ch_dark .ui.inverted.green.basic.buttons .button,
+.ch_dark .ui.inverted.green.buttons .basic.button,
+.ch_dark .ui.inverted.green.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.green.basic.buttons .button:hover,
+.ch_dark .ui.inverted.green.buttons .basic.button:hover,
+.ch_dark .ui.inverted.green.basic.button:hover {
+    box-shadow: 0 0 0 2px #1ea92e inset;
+    color: #2ecc40;
+}
+
+.ch_dark .ui.inverted.green.basic.buttons .button:focus,
+.ch_dark .ui.inverted.green.basic.buttons .button:focus,
+.ch_dark .ui.inverted.green.basic.button:focus {
+    box-shadow: 0 0 0 2px #19b82b inset;
+    color: #2ecc40;
+}
+
+.ch_dark .ui.inverted.green.basic.buttons .active.button,
+.ch_dark .ui.inverted.green.buttons .basic.active.button,
+.ch_dark .ui.inverted.green.basic.active.button {
+    box-shadow: 0 0 0 2px #1fc231 inset;
+    color: #2ecc40;
+}
+
+.ch_dark .ui.inverted.green.basic.buttons .button:active,
+.ch_dark .ui.inverted.green.buttons .basic.button:active,
+.ch_dark .ui.inverted.green.basic.button:active {
+    box-shadow: 0 0 0 2px #25a233 inset;
+    color: #2ecc40;
+}
+
+.ch_dark .ui.tertiary.green.buttons .button,
+.ch_dark .ui.tertiary.green.buttons .tertiary.button,
+.ch_dark .ui.tertiary.green.button {
+    color: #21ba45;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.green.buttons .button:hover,
+.ch_dark .ui.tertiary.green.buttons button:hover,
+.ch_dark .ui.tertiary.green.button:hover {
+    box-shadow: inset 0 -0.2em 0 #2a9844;
+    color: #2a9844;
+}
+
+.ch_dark .ui.tertiary.green.buttons .button:focus,
+.ch_dark .ui.tertiary.green.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.green.button:focus {
+    box-shadow: inset 0 -0.2em 0 #20923b;
+    color: #20923b;
+}
+
+.ch_dark .ui.tertiary.green.buttons .active.button,
+.ch_dark .ui.tertiary.green.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.green.active.button,
+.ch_dark .ui.tertiary.green.buttons .button:active,
+.ch_dark .ui.tertiary.green.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.green.button:active {
+    box-shadow: inset 0 -0.2em 0 #00c22e;
+    color: #13ae38;
+}
+
+.ch_dark .ui.teal.buttons .button,
+.ch_dark .ui.teal.button {
+    background-color: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.teal.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.teal.buttons .button:hover,
+.ch_dark .ui.teal.button:hover {
+    background-color: #009c95;
+    color: #fff;
+}
+
+.ch_dark .ui.teal.buttons .button:focus,
+.ch_dark .ui.teal.button:focus {
+    background-color: #008c86;
+    color: #fff;
+}
+
+.ch_dark .ui.teal.buttons .button:active,
+.ch_dark .ui.teal.button:active {
+    background-color: #00827c;
+    color: #fff;
+}
+
+.ch_dark .ui.teal.buttons .active.button,
+.ch_dark .ui.teal.buttons .active.button:active,
+.ch_dark .ui.teal.active.button,
+.ch_dark .ui.teal.button .active.button:active {
+    background-color: #009c95;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.teal.buttons .button,
+.ch_dark .ui.basic.teal.button {
+    box-shadow: 0 0 0 1px #00b5ad inset;
+    color: #00b5ad;
+}
+
+.ch_dark .ui.basic.teal.buttons .button:hover,
+.ch_dark .ui.basic.teal.button:hover {
+    box-shadow: 0 0 0 1px #009c95 inset;
+    color: #009c95;
+}
+
+.ch_dark .ui.basic.teal.buttons .button:focus,
+.ch_dark .ui.basic.teal.button:focus {
+    box-shadow: 0 0 0 1px #008c86 inset;
+    color: #009c95;
+}
+
+.ch_dark .ui.basic.teal.buttons .active.button,
+.ch_dark .ui.basic.teal.active.button {
+    box-shadow: 0 0 0 1px #009c95 inset;
+    color: #00827c;
+}
+
+.ch_dark .ui.basic.teal.buttons .button:active,
+.ch_dark .ui.basic.teal.button:active {
+    box-shadow: 0 0 0 1px #00827c inset;
+    color: #00827c;
+}
+
+.ch_dark .ui.inverted.teal.buttons .button,
+.ch_dark .ui.inverted.teal.button {
+    box-shadow: 0 0 0 2px #6dffff inset;
+    color: #6dffff;
+}
+
+.ch_dark .ui.inverted.teal.buttons .button:hover,
+.ch_dark .ui.inverted.teal.button:hover,
+.ch_dark .ui.inverted.teal.buttons .button:focus,
+.ch_dark .ui.inverted.teal.button:focus,
+.ch_dark .ui.inverted.teal.buttons .button.active,
+.ch_dark .ui.inverted.teal.button.active,
+.ch_dark .ui.inverted.teal.buttons .button:active,
+.ch_dark .ui.inverted.teal.button:active {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.inverted.teal.buttons .button:hover,
+.ch_dark .ui.inverted.teal.button:hover {
+    background-color: #3affff;
+}
+
+.ch_dark .ui.inverted.teal.buttons .button:focus,
+.ch_dark .ui.inverted.teal.button:focus {
+    background-color: #44ffff;
+}
+
+.ch_dark .ui.inverted.teal.buttons .active.button,
+.ch_dark .ui.inverted.teal.active.button {
+    background-color: #54ffff;
+}
+
+.ch_dark .ui.inverted.teal.buttons .button:active,
+.ch_dark .ui.inverted.teal.button:active {
+    background-color: #3affff;
+}
+
+.ch_dark .ui.inverted.teal.basic.buttons .button,
+.ch_dark .ui.inverted.teal.buttons .basic.button,
+.ch_dark .ui.inverted.teal.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.teal.basic.buttons .button:hover,
+.ch_dark .ui.inverted.teal.buttons .basic.button:hover,
+.ch_dark .ui.inverted.teal.basic.button:hover {
+    box-shadow: 0 0 0 2px #3affff inset;
+    color: #6dffff;
+}
+
+.ch_dark .ui.inverted.teal.basic.buttons .button:focus,
+.ch_dark .ui.inverted.teal.basic.buttons .button:focus,
+.ch_dark .ui.inverted.teal.basic.button:focus {
+    box-shadow: 0 0 0 2px #44ffff inset;
+    color: #6dffff;
+}
+
+.ch_dark .ui.inverted.teal.basic.buttons .active.button,
+.ch_dark .ui.inverted.teal.buttons .basic.active.button,
+.ch_dark .ui.inverted.teal.basic.active.button {
+    box-shadow: 0 0 0 2px #54ffff inset;
+    color: #6dffff;
+}
+
+.ch_dark .ui.inverted.teal.basic.buttons .button:active,
+.ch_dark .ui.inverted.teal.buttons .basic.button:active,
+.ch_dark .ui.inverted.teal.basic.button:active {
+    box-shadow: 0 0 0 2px #3affff inset;
+    color: #6dffff;
+}
+
+.ch_dark .ui.tertiary.teal.buttons .button,
+.ch_dark .ui.tertiary.teal.buttons .tertiary.button,
+.ch_dark .ui.tertiary.teal.button {
+    color: #00b5ad;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.teal.buttons .button:hover,
+.ch_dark .ui.tertiary.teal.buttons button:hover,
+.ch_dark .ui.tertiary.teal.button:hover {
+    box-shadow: inset 0 -0.2em 0 #108c86;
+    color: #108c86;
+}
+
+.ch_dark .ui.tertiary.teal.buttons .button:focus,
+.ch_dark .ui.tertiary.teal.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.teal.button:focus {
+    box-shadow: inset 0 -0.2em 0 #0e7e79;
+    color: #0e7e79;
+}
+
+.ch_dark .ui.tertiary.teal.buttons .active.button,
+.ch_dark .ui.tertiary.teal.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.teal.active.button,
+.ch_dark .ui.tertiary.teal.buttons .button:active,
+.ch_dark .ui.tertiary.teal.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.teal.button:active {
+    box-shadow: inset 0 -0.2em 0 #009c95;
+    color: #009c95;
+}
+
+.ch_dark .ui.blue.buttons .button,
+.ch_dark .ui.blue.button {
+    background-color: #2185d0;
+    color: #fff !important;
+}
+
+.ch_dark .ui.blue.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.blue.buttons .button:hover,
+.ch_dark .ui.blue.button:hover {
+    background-color: #1678c2;
+    color: #fff !important;
+}
+
+.ch_dark .ui.blue.buttons .button:focus,
+.ch_dark .ui.blue.button:focus {
+    background-color: #0d71bb;
+    color: #fff;
+}
+
+.ch_dark .ui.blue.buttons .button:active,
+.ch_dark .ui.blue.button:active {
+    background-color: #1a69a4;
+    color: #fff;
+}
+
+.ch_dark .ui.blue.buttons .active.button,
+.ch_dark .ui.blue.buttons .active.button:active,
+.ch_dark .ui.blue.active.button,
+.ch_dark .ui.blue.button .active.button:active {
+    background-color: #1279c6;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.blue.buttons .button,
+.ch_dark .ui.basic.blue.button {
+    box-shadow: 0 0 0 1px #2185d0 inset;
+    color: #2185d0;
+}
+
+.ch_dark .ui.basic.blue.buttons .button:hover,
+.ch_dark .ui.basic.blue.button:hover {
+    box-shadow: 0 0 0 1px #1678c2 inset;
+    color: #1678c2;
+}
+
+.ch_dark .ui.basic.blue.buttons .button:focus,
+.ch_dark .ui.basic.blue.button:focus {
+    box-shadow: 0 0 0 1px #0d71bb inset;
+    color: #1678c2;
+}
+
+.ch_dark .ui.basic.blue.buttons .active.button,
+.ch_dark .ui.basic.blue.active.button {
+    box-shadow: 0 0 0 1px #1279c6 inset;
+    color: #1a69a4;
+}
+
+.ch_dark .ui.basic.blue.buttons .button:active,
+.ch_dark .ui.basic.blue.button:active {
+    box-shadow: 0 0 0 1px #1a69a4 inset;
+    color: #1a69a4;
+}
+
+.ch_dark .ui.inverted.blue.buttons .button,
+.ch_dark .ui.inverted.blue.button {
+    box-shadow: 0 0 0 2px #54c8ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.blue.buttons .button:hover,
+.ch_dark .ui.inverted.blue.button:hover,
+.ch_dark .ui.inverted.blue.buttons .button:focus,
+.ch_dark .ui.inverted.blue.button:focus,
+.ch_dark .ui.inverted.blue.buttons .button.active,
+.ch_dark .ui.inverted.blue.button.active,
+.ch_dark .ui.inverted.blue.buttons .button:active,
+.ch_dark .ui.inverted.blue.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.blue.buttons .button:hover,
+.ch_dark .ui.inverted.blue.button:hover {
+    background-color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.blue.buttons .button:focus,
+.ch_dark .ui.inverted.blue.button:focus {
+    background-color: #2bbbff;
+}
+
+.ch_dark .ui.inverted.blue.buttons .active.button,
+.ch_dark .ui.inverted.blue.active.button {
+    background-color: #3ac0ff;
+}
+
+.ch_dark .ui.inverted.blue.buttons .button:active,
+.ch_dark .ui.inverted.blue.button:active {
+    background-color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.blue.basic.buttons .button,
+.ch_dark .ui.inverted.blue.buttons .basic.button,
+.ch_dark .ui.inverted.blue.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.blue.basic.buttons .button:hover,
+.ch_dark .ui.inverted.blue.buttons .basic.button:hover,
+.ch_dark .ui.inverted.blue.basic.button:hover {
+    box-shadow: 0 0 0 2px #21b8ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.blue.basic.buttons .button:focus,
+.ch_dark .ui.inverted.blue.basic.buttons .button:focus,
+.ch_dark .ui.inverted.blue.basic.button:focus {
+    box-shadow: 0 0 0 2px #2bbbff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.blue.basic.buttons .active.button,
+.ch_dark .ui.inverted.blue.buttons .basic.active.button,
+.ch_dark .ui.inverted.blue.basic.active.button {
+    box-shadow: 0 0 0 2px #3ac0ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.blue.basic.buttons .button:active,
+.ch_dark .ui.inverted.blue.buttons .basic.button:active,
+.ch_dark .ui.inverted.blue.basic.button:active {
+    box-shadow: 0 0 0 2px #21b8ff inset;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.tertiary.blue.buttons .button,
+.ch_dark .ui.tertiary.blue.buttons .tertiary.button,
+.ch_dark .ui.tertiary.blue.button {
+    color: #2185d0;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.blue.buttons .button:hover,
+.ch_dark .ui.tertiary.blue.buttons button:hover,
+.ch_dark .ui.tertiary.blue.button:hover {
+    box-shadow: inset 0 -0.2em 0 #2b75ac;
+    color: #2b75ac;
+}
+
+.ch_dark .ui.tertiary.blue.buttons .button:focus,
+.ch_dark .ui.tertiary.blue.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.blue.button:focus {
+    box-shadow: inset 0 -0.2em 0 #216ea7;
+    color: #216ea7;
+}
+
+.ch_dark .ui.tertiary.blue.buttons .active.button,
+.ch_dark .ui.tertiary.blue.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.blue.active.button,
+.ch_dark .ui.tertiary.blue.buttons .button:active,
+.ch_dark .ui.tertiary.blue.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.blue.button:active {
+    box-shadow: inset 0 -0.2em 0 #007bd8;
+    color: #1279c6;
+}
+
+.ch_dark .ui.violet.buttons .button,
+.ch_dark .ui.violet.button {
+    background-color: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.violet.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.violet.buttons .button:hover,
+.ch_dark .ui.violet.button:hover {
+    background-color: #5829bb;
+    color: #fff;
+}
+
+.ch_dark .ui.violet.buttons .button:focus,
+.ch_dark .ui.violet.button:focus {
+    background-color: #4f20b5;
+    color: #fff;
+}
+
+.ch_dark .ui.violet.buttons .button:active,
+.ch_dark .ui.violet.button:active {
+    background-color: #502aa1;
+    color: #fff;
+}
+
+.ch_dark .ui.violet.buttons .active.button,
+.ch_dark .ui.violet.buttons .active.button:active,
+.ch_dark .ui.violet.active.button,
+.ch_dark .ui.violet.button .active.button:active {
+    background-color: #5626bf;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.violet.buttons .button,
+.ch_dark .ui.basic.violet.button {
+    box-shadow: 0 0 0 1px #6435c9 inset;
+    color: #6435c9;
+}
+
+.ch_dark .ui.basic.violet.buttons .button:hover,
+.ch_dark .ui.basic.violet.button:hover {
+    box-shadow: 0 0 0 1px #5829bb inset;
+    color: #5829bb;
+}
+
+.ch_dark .ui.basic.violet.buttons .button:focus,
+.ch_dark .ui.basic.violet.button:focus {
+    box-shadow: 0 0 0 1px #4f20b5 inset;
+    color: #5829bb;
+}
+
+.ch_dark .ui.basic.violet.buttons .active.button,
+.ch_dark .ui.basic.violet.active.button {
+    box-shadow: 0 0 0 1px #5626bf inset;
+    color: #502aa1;
+}
+
+.ch_dark .ui.basic.violet.buttons .button:active,
+.ch_dark .ui.basic.violet.button:active {
+    box-shadow: 0 0 0 1px #502aa1 inset;
+    color: #502aa1;
+}
+
+.ch_dark .ui.inverted.violet.buttons .button,
+.ch_dark .ui.inverted.violet.button {
+    box-shadow: 0 0 0 2px #a291fb inset;
+    color: #a291fb;
+}
+
+.ch_dark .ui.inverted.violet.buttons .button:hover,
+.ch_dark .ui.inverted.violet.button:hover,
+.ch_dark .ui.inverted.violet.buttons .button:focus,
+.ch_dark .ui.inverted.violet.button:focus,
+.ch_dark .ui.inverted.violet.buttons .button.active,
+.ch_dark .ui.inverted.violet.button.active,
+.ch_dark .ui.inverted.violet.buttons .button:active,
+.ch_dark .ui.inverted.violet.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.violet.buttons .button:hover,
+.ch_dark .ui.inverted.violet.button:hover {
+    background-color: #745aff;
+}
+
+.ch_dark .ui.inverted.violet.buttons .button:focus,
+.ch_dark .ui.inverted.violet.button:focus {
+    background-color: #7d64ff;
+}
+
+.ch_dark .ui.inverted.violet.buttons .active.button,
+.ch_dark .ui.inverted.violet.active.button {
+    background-color: #8a73ff;
+}
+
+.ch_dark .ui.inverted.violet.buttons .button:active,
+.ch_dark .ui.inverted.violet.button:active {
+    background-color: #7860f9;
+}
+
+.ch_dark .ui.inverted.violet.basic.buttons .button,
+.ch_dark .ui.inverted.violet.buttons .basic.button,
+.ch_dark .ui.inverted.violet.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.violet.basic.buttons .button:hover,
+.ch_dark .ui.inverted.violet.buttons .basic.button:hover,
+.ch_dark .ui.inverted.violet.basic.button:hover {
+    box-shadow: 0 0 0 2px #745aff inset;
+    color: #a291fb;
+}
+
+.ch_dark .ui.inverted.violet.basic.buttons .button:focus,
+.ch_dark .ui.inverted.violet.basic.buttons .button:focus,
+.ch_dark .ui.inverted.violet.basic.button:focus {
+    box-shadow: 0 0 0 2px #7d64ff inset;
+    color: #a291fb;
+}
+
+.ch_dark .ui.inverted.violet.basic.buttons .active.button,
+.ch_dark .ui.inverted.violet.buttons .basic.active.button,
+.ch_dark .ui.inverted.violet.basic.active.button {
+    box-shadow: 0 0 0 2px #8a73ff inset;
+    color: #a291fb;
+}
+
+.ch_dark .ui.inverted.violet.basic.buttons .button:active,
+.ch_dark .ui.inverted.violet.buttons .basic.button:active,
+.ch_dark .ui.inverted.violet.basic.button:active {
+    box-shadow: 0 0 0 2px #7860f9 inset;
+    color: #a291fb;
+}
+
+.ch_dark .ui.tertiary.violet.buttons .button,
+.ch_dark .ui.tertiary.violet.buttons .tertiary.button,
+.ch_dark .ui.tertiary.violet.button {
+    color: #6435c9;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.violet.buttons .button:hover,
+.ch_dark .ui.tertiary.violet.buttons button:hover,
+.ch_dark .ui.tertiary.violet.button:hover {
+    box-shadow: inset 0 -0.2em 0 #6040a5;
+    color: #6040a5;
+}
+
+.ch_dark .ui.tertiary.violet.buttons .button:focus,
+.ch_dark .ui.tertiary.violet.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.violet.button:focus {
+    box-shadow: inset 0 -0.2em 0 #5735a0;
+    color: #5735a0;
+}
+
+.ch_dark .ui.tertiary.violet.buttons .active.button,
+.ch_dark .ui.tertiary.violet.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.violet.active.button,
+.ch_dark .ui.tertiary.violet.buttons .button:active,
+.ch_dark .ui.tertiary.violet.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.violet.button:active {
+    box-shadow: inset 0 -0.2em 0 #4e0fd6;
+    color: #5626bf;
+}
+
+.ch_dark .ui.purple.buttons .button,
+.ch_dark .ui.purple.button {
+    background-color: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.purple.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.purple.buttons .button:hover,
+.ch_dark .ui.purple.button:hover {
+    background-color: #9627ba;
+    color: #fff;
+}
+
+.ch_dark .ui.purple.buttons .button:focus,
+.ch_dark .ui.purple.button:focus {
+    background-color: #8f1eb4;
+    color: #fff;
+}
+
+.ch_dark .ui.purple.buttons .button:active,
+.ch_dark .ui.purple.button:active {
+    background-color: #82299f;
+    color: #fff;
+}
+
+.ch_dark .ui.purple.buttons .active.button,
+.ch_dark .ui.purple.buttons .active.button:active,
+.ch_dark .ui.purple.active.button,
+.ch_dark .ui.purple.button .active.button:active {
+    background-color: #9724be;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.purple.buttons .button,
+.ch_dark .ui.basic.purple.button {
+    box-shadow: 0 0 0 1px #a333c8 inset;
+    color: #a333c8;
+}
+
+.ch_dark .ui.basic.purple.buttons .button:hover,
+.ch_dark .ui.basic.purple.button:hover {
+    box-shadow: 0 0 0 1px #9627ba inset;
+    color: #9627ba;
+}
+
+.ch_dark .ui.basic.purple.buttons .button:focus,
+.ch_dark .ui.basic.purple.button:focus {
+    box-shadow: 0 0 0 1px #8f1eb4 inset;
+    color: #9627ba;
+}
+
+.ch_dark .ui.basic.purple.buttons .active.button,
+.ch_dark .ui.basic.purple.active.button {
+    box-shadow: 0 0 0 1px #9724be inset;
+    color: #82299f;
+}
+
+.ch_dark .ui.basic.purple.buttons .button:active,
+.ch_dark .ui.basic.purple.button:active {
+    box-shadow: 0 0 0 1px #82299f inset;
+    color: #82299f;
+}
+
+.ch_dark .ui.inverted.purple.buttons .button,
+.ch_dark .ui.inverted.purple.button {
+    box-shadow: 0 0 0 2px #dc73ff inset;
+    color: #dc73ff;
+}
+
+.ch_dark .ui.inverted.purple.buttons .button:hover,
+.ch_dark .ui.inverted.purple.button:hover,
+.ch_dark .ui.inverted.purple.buttons .button:focus,
+.ch_dark .ui.inverted.purple.button:focus,
+.ch_dark .ui.inverted.purple.buttons .button.active,
+.ch_dark .ui.inverted.purple.button.active,
+.ch_dark .ui.inverted.purple.buttons .button:active,
+.ch_dark .ui.inverted.purple.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.purple.buttons .button:hover,
+.ch_dark .ui.inverted.purple.button:hover {
+    background-color: #cf40ff;
+}
+
+.ch_dark .ui.inverted.purple.buttons .button:focus,
+.ch_dark .ui.inverted.purple.button:focus {
+    background-color: #d24aff;
+}
+
+.ch_dark .ui.inverted.purple.buttons .active.button,
+.ch_dark .ui.inverted.purple.active.button {
+    background-color: #d65aff;
+}
+
+.ch_dark .ui.inverted.purple.buttons .button:active,
+.ch_dark .ui.inverted.purple.button:active {
+    background-color: #cf40ff;
+}
+
+.ch_dark .ui.inverted.purple.basic.buttons .button,
+.ch_dark .ui.inverted.purple.buttons .basic.button,
+.ch_dark .ui.inverted.purple.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.purple.basic.buttons .button:hover,
+.ch_dark .ui.inverted.purple.buttons .basic.button:hover,
+.ch_dark .ui.inverted.purple.basic.button:hover {
+    box-shadow: 0 0 0 2px #cf40ff inset;
+    color: #dc73ff;
+}
+
+.ch_dark .ui.inverted.purple.basic.buttons .button:focus,
+.ch_dark .ui.inverted.purple.basic.buttons .button:focus,
+.ch_dark .ui.inverted.purple.basic.button:focus {
+    box-shadow: 0 0 0 2px #d24aff inset;
+    color: #dc73ff;
+}
+
+.ch_dark .ui.inverted.purple.basic.buttons .active.button,
+.ch_dark .ui.inverted.purple.buttons .basic.active.button,
+.ch_dark .ui.inverted.purple.basic.active.button {
+    box-shadow: 0 0 0 2px #d65aff inset;
+    color: #dc73ff;
+}
+
+.ch_dark .ui.inverted.purple.basic.buttons .button:active,
+.ch_dark .ui.inverted.purple.buttons .basic.button:active,
+.ch_dark .ui.inverted.purple.basic.button:active {
+    box-shadow: 0 0 0 2px #cf40ff inset;
+    color: #dc73ff;
+}
+
+.ch_dark .ui.tertiary.purple.buttons .button,
+.ch_dark .ui.tertiary.purple.buttons .tertiary.button,
+.ch_dark .ui.tertiary.purple.button {
+    color: #a333c8;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.purple.buttons .button:hover,
+.ch_dark .ui.tertiary.purple.buttons button:hover,
+.ch_dark .ui.tertiary.purple.button:hover {
+    box-shadow: inset 0 -0.2em 0 #8a3ea4;
+    color: #8a3ea4;
+}
+
+.ch_dark .ui.tertiary.purple.buttons .button:focus,
+.ch_dark .ui.tertiary.purple.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.purple.button:focus {
+    box-shadow: inset 0 -0.2em 0 #84339f;
+    color: #84339f;
+}
+
+.ch_dark .ui.tertiary.purple.buttons .active.button,
+.ch_dark .ui.tertiary.purple.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.purple.active.button,
+.ch_dark .ui.tertiary.purple.buttons .button:active,
+.ch_dark .ui.tertiary.purple.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.purple.button:active {
+    box-shadow: inset 0 -0.2em 0 #a30dd4;
+    color: #9724be;
+}
+
+.ch_dark .ui.pink.buttons .button,
+.ch_dark .ui.pink.button {
+    background-color: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.pink.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.pink.buttons .button:hover,
+.ch_dark .ui.pink.button:hover {
+    background-color: #e61a8d;
+    color: #fff;
+}
+
+.ch_dark .ui.pink.buttons .button:focus,
+.ch_dark .ui.pink.button:focus {
+    background-color: #e10f85;
+    color: #fff;
+}
+
+.ch_dark .ui.pink.buttons .button:active,
+.ch_dark .ui.pink.button:active {
+    background-color: #c71f7e;
+    color: #fff;
+}
+
+.ch_dark .ui.pink.buttons .active.button,
+.ch_dark .ui.pink.buttons .active.button:active,
+.ch_dark .ui.pink.active.button,
+.ch_dark .ui.pink.button .active.button:active {
+    background-color: #ea158d;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.pink.buttons .button,
+.ch_dark .ui.basic.pink.button {
+    box-shadow: 0 0 0 1px #e03997 inset;
+    color: #e03997;
+}
+
+.ch_dark .ui.basic.pink.buttons .button:hover,
+.ch_dark .ui.basic.pink.button:hover {
+    box-shadow: 0 0 0 1px #e61a8d inset;
+    color: #e61a8d;
+}
+
+.ch_dark .ui.basic.pink.buttons .button:focus,
+.ch_dark .ui.basic.pink.button:focus {
+    box-shadow: 0 0 0 1px #e10f85 inset;
+    color: #e61a8d;
+}
+
+.ch_dark .ui.basic.pink.buttons .active.button,
+.ch_dark .ui.basic.pink.active.button {
+    box-shadow: 0 0 0 1px #ea158d inset;
+    color: #c71f7e;
+}
+
+.ch_dark .ui.basic.pink.buttons .button:active,
+.ch_dark .ui.basic.pink.button:active {
+    box-shadow: 0 0 0 1px #c71f7e inset;
+    color: #c71f7e;
+}
+
+.ch_dark .ui.inverted.pink.buttons .button,
+.ch_dark .ui.inverted.pink.button {
+    box-shadow: 0 0 0 2px #ff8edf inset;
+    color: #ff8edf;
+}
+
+.ch_dark .ui.inverted.pink.buttons .button:hover,
+.ch_dark .ui.inverted.pink.button:hover,
+.ch_dark .ui.inverted.pink.buttons .button:focus,
+.ch_dark .ui.inverted.pink.button:focus,
+.ch_dark .ui.inverted.pink.buttons .button.active,
+.ch_dark .ui.inverted.pink.button.active,
+.ch_dark .ui.inverted.pink.buttons .button:active,
+.ch_dark .ui.inverted.pink.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.pink.buttons .button:hover,
+.ch_dark .ui.inverted.pink.button:hover {
+    background-color: #ff5bd1;
+}
+
+.ch_dark .ui.inverted.pink.buttons .button:focus,
+.ch_dark .ui.inverted.pink.button:focus {
+    background-color: #ff65d3;
+}
+
+.ch_dark .ui.inverted.pink.buttons .active.button,
+.ch_dark .ui.inverted.pink.active.button {
+    background-color: #ff74d8;
+}
+
+.ch_dark .ui.inverted.pink.buttons .button:active,
+.ch_dark .ui.inverted.pink.button:active {
+    background-color: #ff5bd1;
+}
+
+.ch_dark .ui.inverted.pink.basic.buttons .button,
+.ch_dark .ui.inverted.pink.buttons .basic.button,
+.ch_dark .ui.inverted.pink.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.pink.basic.buttons .button:hover,
+.ch_dark .ui.inverted.pink.buttons .basic.button:hover,
+.ch_dark .ui.inverted.pink.basic.button:hover {
+    box-shadow: 0 0 0 2px #ff5bd1 inset;
+    color: #ff8edf;
+}
+
+.ch_dark .ui.inverted.pink.basic.buttons .button:focus,
+.ch_dark .ui.inverted.pink.basic.buttons .button:focus,
+.ch_dark .ui.inverted.pink.basic.button:focus {
+    box-shadow: 0 0 0 2px #ff65d3 inset;
+    color: #ff8edf;
+}
+
+.ch_dark .ui.inverted.pink.basic.buttons .active.button,
+.ch_dark .ui.inverted.pink.buttons .basic.active.button,
+.ch_dark .ui.inverted.pink.basic.active.button {
+    box-shadow: 0 0 0 2px #ff74d8 inset;
+    color: #ff8edf;
+}
+
+.ch_dark .ui.inverted.pink.basic.buttons .button:active,
+.ch_dark .ui.inverted.pink.buttons .basic.button:active,
+.ch_dark .ui.inverted.pink.basic.button:active {
+    box-shadow: 0 0 0 2px #ff5bd1 inset;
+    color: #ff8edf;
+}
+
+.ch_dark .ui.tertiary.pink.buttons .button,
+.ch_dark .ui.tertiary.pink.buttons .tertiary.button,
+.ch_dark .ui.tertiary.pink.button {
+    color: #e03997;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.pink.buttons .button:hover,
+.ch_dark .ui.tertiary.pink.buttons button:hover,
+.ch_dark .ui.tertiary.pink.button:hover {
+    box-shadow: inset 0 -0.2em 0 #cc3389;
+    color: #cc3389;
+}
+
+.ch_dark .ui.tertiary.pink.buttons .button:focus,
+.ch_dark .ui.tertiary.pink.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.pink.button:focus {
+    box-shadow: inset 0 -0.2em 0 #c92782;
+    color: #c92782;
+}
+
+.ch_dark .ui.tertiary.pink.buttons .active.button,
+.ch_dark .ui.tertiary.pink.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.pink.active.button,
+.ch_dark .ui.tertiary.pink.buttons .button:active,
+.ch_dark .ui.tertiary.pink.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.pink.button:active {
+    box-shadow: inset 0 -0.2em 0 #ff0090;
+    color: #ea158d;
+}
+
+.ch_dark .ui.brown.buttons .button,
+.ch_dark .ui.brown.button {
+    background-color: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.brown.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.brown.buttons .button:hover,
+.ch_dark .ui.brown.button:hover {
+    background-color: #975b33;
+    color: #fff;
+}
+
+.ch_dark .ui.brown.buttons .button:focus,
+.ch_dark .ui.brown.button:focus {
+    background-color: #90532b;
+    color: #fff;
+}
+
+.ch_dark .ui.brown.buttons .button:active,
+.ch_dark .ui.brown.button:active {
+    background-color: #805031;
+    color: #fff;
+}
+
+.ch_dark .ui.brown.buttons .active.button,
+.ch_dark .ui.brown.buttons .active.button:active,
+.ch_dark .ui.brown.active.button,
+.ch_dark .ui.brown.button .active.button:active {
+    background-color: #995a31;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.brown.buttons .button,
+.ch_dark .ui.basic.brown.button {
+    box-shadow: 0 0 0 1px #a5673f inset;
+    color: #a5673f;
+}
+
+.ch_dark .ui.basic.brown.buttons .button:hover,
+.ch_dark .ui.basic.brown.button:hover {
+    box-shadow: 0 0 0 1px #975b33 inset;
+    color: #975b33;
+}
+
+.ch_dark .ui.basic.brown.buttons .button:focus,
+.ch_dark .ui.basic.brown.button:focus {
+    box-shadow: 0 0 0 1px #90532b inset;
+    color: #975b33;
+}
+
+.ch_dark .ui.basic.brown.buttons .active.button,
+.ch_dark .ui.basic.brown.active.button {
+    box-shadow: 0 0 0 1px #995a31 inset;
+    color: #805031;
+}
+
+.ch_dark .ui.basic.brown.buttons .button:active,
+.ch_dark .ui.basic.brown.button:active {
+    box-shadow: 0 0 0 1px #805031 inset;
+    color: #805031;
+}
+
+.ch_dark .ui.inverted.brown.buttons .button,
+.ch_dark .ui.inverted.brown.button {
+    box-shadow: 0 0 0 2px #d67c1c inset;
+    color: #d67c1c;
+}
+
+.ch_dark .ui.inverted.brown.buttons .button:hover,
+.ch_dark .ui.inverted.brown.button:hover,
+.ch_dark .ui.inverted.brown.buttons .button:focus,
+.ch_dark .ui.inverted.brown.button:focus,
+.ch_dark .ui.inverted.brown.buttons .button.active,
+.ch_dark .ui.inverted.brown.button.active,
+.ch_dark .ui.inverted.brown.buttons .button:active,
+.ch_dark .ui.inverted.brown.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.brown.buttons .button:hover,
+.ch_dark .ui.inverted.brown.button:hover {
+    background-color: #b0620f;
+}
+
+.ch_dark .ui.inverted.brown.buttons .button:focus,
+.ch_dark .ui.inverted.brown.button:focus {
+    background-color: #c16808;
+}
+
+.ch_dark .ui.inverted.brown.buttons .active.button,
+.ch_dark .ui.inverted.brown.active.button {
+    background-color: #cc6f0d;
+}
+
+.ch_dark .ui.inverted.brown.buttons .button:active,
+.ch_dark .ui.inverted.brown.button:active {
+    background-color: #a96216;
+}
+
+.ch_dark .ui.inverted.brown.basic.buttons .button,
+.ch_dark .ui.inverted.brown.buttons .basic.button,
+.ch_dark .ui.inverted.brown.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.brown.basic.buttons .button:hover,
+.ch_dark .ui.inverted.brown.buttons .basic.button:hover,
+.ch_dark .ui.inverted.brown.basic.button:hover {
+    box-shadow: 0 0 0 2px #b0620f inset;
+    color: #d67c1c;
+}
+
+.ch_dark .ui.inverted.brown.basic.buttons .button:focus,
+.ch_dark .ui.inverted.brown.basic.buttons .button:focus,
+.ch_dark .ui.inverted.brown.basic.button:focus {
+    box-shadow: 0 0 0 2px #c16808 inset;
+    color: #d67c1c;
+}
+
+.ch_dark .ui.inverted.brown.basic.buttons .active.button,
+.ch_dark .ui.inverted.brown.buttons .basic.active.button,
+.ch_dark .ui.inverted.brown.basic.active.button {
+    box-shadow: 0 0 0 2px #cc6f0d inset;
+    color: #d67c1c;
+}
+
+.ch_dark .ui.inverted.brown.basic.buttons .button:active,
+.ch_dark .ui.inverted.brown.buttons .basic.button:active,
+.ch_dark .ui.inverted.brown.basic.button:active {
+    box-shadow: 0 0 0 2px #a96216 inset;
+    color: #d67c1c;
+}
+
+.ch_dark .ui.tertiary.brown.buttons .button,
+.ch_dark .ui.tertiary.brown.buttons .tertiary.button,
+.ch_dark .ui.tertiary.brown.button {
+    color: #a5673f;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.brown.buttons .button:hover,
+.ch_dark .ui.tertiary.brown.buttons button:hover,
+.ch_dark .ui.tertiary.brown.button:hover {
+    box-shadow: inset 0 -0.2em 0 #835f48;
+    color: #835f48;
+}
+
+.ch_dark .ui.tertiary.brown.buttons .button:focus,
+.ch_dark .ui.tertiary.brown.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.brown.button:focus {
+    box-shadow: inset 0 -0.2em 0 #7d573e;
+    color: #7d573e;
+}
+
+.ch_dark .ui.tertiary.brown.buttons .active.button,
+.ch_dark .ui.tertiary.brown.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.brown.active.button,
+.ch_dark .ui.tertiary.brown.buttons .button:active,
+.ch_dark .ui.tertiary.brown.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.brown.button:active {
+    box-shadow: inset 0 -0.2em 0 #ae561d;
+    color: #995a31;
+}
+
+.ch_dark .ui.grey.buttons .button,
+.ch_dark .ui.grey.button {
+    background-color: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.grey.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.grey.buttons .button:hover,
+.ch_dark .ui.grey.button:hover {
+    background-color: #838383;
+    color: #fff;
+}
+
+.ch_dark .ui.grey.buttons .button:focus,
+.ch_dark .ui.grey.button:focus {
+    background-color: #8a8a8a;
+    color: #fff;
+}
+
+.ch_dark .ui.grey.buttons .button:active,
+.ch_dark .ui.grey.button:active {
+    background-color: #909090;
+    color: #fff;
+}
+
+.ch_dark .ui.grey.buttons .active.button,
+.ch_dark .ui.grey.buttons .active.button:active,
+.ch_dark .ui.grey.active.button,
+.ch_dark .ui.grey.button .active.button:active {
+    background-color: #696969;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.grey.buttons .button,
+.ch_dark .ui.basic.grey.button {
+    box-shadow: 0 0 0 1px #767676 inset;
+    color: #767676;
+}
+
+.ch_dark .ui.basic.grey.buttons .button:hover,
+.ch_dark .ui.basic.grey.button:hover {
+    box-shadow: 0 0 0 1px #838383 inset;
+    color: #838383;
+}
+
+.ch_dark .ui.basic.grey.buttons .button:focus,
+.ch_dark .ui.basic.grey.button:focus {
+    box-shadow: 0 0 0 1px #8a8a8a inset;
+    color: #838383;
+}
+
+.ch_dark .ui.basic.grey.buttons .active.button,
+.ch_dark .ui.basic.grey.active.button {
+    box-shadow: 0 0 0 1px #696969 inset;
+    color: #909090;
+}
+
+.ch_dark .ui.basic.grey.buttons .button:active,
+.ch_dark .ui.basic.grey.button:active {
+    box-shadow: 0 0 0 1px #909090 inset;
+    color: #909090;
+}
+
+.ch_dark .ui.inverted.grey.buttons .button,
+.ch_dark .ui.inverted.grey.button {
+    box-shadow: 0 0 0 2px #d4d4d5 inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.grey.buttons .button:hover,
+.ch_dark .ui.inverted.grey.button:hover,
+.ch_dark .ui.inverted.grey.buttons .button:focus,
+.ch_dark .ui.inverted.grey.button:focus,
+.ch_dark .ui.inverted.grey.buttons .button.active,
+.ch_dark .ui.inverted.grey.button.active,
+.ch_dark .ui.inverted.grey.buttons .button:active,
+.ch_dark .ui.inverted.grey.button:active {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.inverted.grey.buttons .button:hover,
+.ch_dark .ui.inverted.grey.button:hover {
+    background-color: #c2c4c5;
+}
+
+.ch_dark .ui.inverted.grey.buttons .button:focus,
+.ch_dark .ui.inverted.grey.button:focus {
+    background-color: #c7c9cb;
+}
+
+.ch_dark .ui.inverted.grey.buttons .active.button,
+.ch_dark .ui.inverted.grey.active.button {
+    background-color: #cfd0d2;
+}
+
+.ch_dark .ui.inverted.grey.buttons .button:active,
+.ch_dark .ui.inverted.grey.button:active {
+    background-color: #c2c4c5;
+}
+
+.ch_dark .ui.inverted.grey.basic.buttons .button,
+.ch_dark .ui.inverted.grey.buttons .basic.button,
+.ch_dark .ui.inverted.grey.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.grey.basic.buttons .button:hover,
+.ch_dark .ui.inverted.grey.buttons .basic.button:hover,
+.ch_dark .ui.inverted.grey.basic.button:hover {
+    box-shadow: 0 0 0 2px #c2c4c5 inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.grey.basic.buttons .button:focus,
+.ch_dark .ui.inverted.grey.basic.buttons .button:focus,
+.ch_dark .ui.inverted.grey.basic.button:focus {
+    box-shadow: 0 0 0 2px #c7c9cb inset;
+    color: #dcddde;
+}
+
+.ch_dark .ui.inverted.grey.basic.buttons .active.button,
+.ch_dark .ui.inverted.grey.buttons .basic.active.button,
+.ch_dark .ui.inverted.grey.basic.active.button {
+    box-shadow: 0 0 0 2px #cfd0d2 inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.grey.basic.buttons .button:active,
+.ch_dark .ui.inverted.grey.buttons .basic.button:active,
+.ch_dark .ui.inverted.grey.basic.button:active {
+    box-shadow: 0 0 0 2px #c2c4c5 inset;
+    color: #fff;
+}
+
+.ch_dark .ui.tertiary.grey.buttons .button,
+.ch_dark .ui.tertiary.grey.buttons .tertiary.button,
+.ch_dark .ui.tertiary.grey.button {
+    color: #767676;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.grey.buttons .button:hover,
+.ch_dark .ui.tertiary.grey.buttons button:hover,
+.ch_dark .ui.tertiary.grey.button:hover {
+    box-shadow: inset 0 -0.2em 0 #909090;
+    color: #909090;
+}
+
+.ch_dark .ui.tertiary.grey.buttons .button:focus,
+.ch_dark .ui.tertiary.grey.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.grey.button:focus {
+    box-shadow: inset 0 -0.2em 0 #9f9f9f;
+    color: #9f9f9f;
+}
+
+.ch_dark .ui.tertiary.grey.buttons .active.button,
+.ch_dark .ui.tertiary.grey.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.grey.active.button,
+.ch_dark .ui.tertiary.grey.buttons .button:active,
+.ch_dark .ui.tertiary.grey.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.grey.button:active {
+    box-shadow: inset 0 -0.2em 0 #5d5d5d;
+    color: #696969;
+}
+
+.ch_dark .ui.black.buttons .button,
+.ch_dark .ui.black.button {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.black.button {
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.black.buttons .button:hover,
+.ch_dark .ui.black.button:hover {
+    background-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark .ui.black.buttons .button:focus,
+.ch_dark .ui.black.button:focus {
+    background-color: #2f3032;
+    color: #fff;
+}
+
+.ch_dark .ui.black.buttons .button:active,
+.ch_dark .ui.black.button:active {
+    background-color: #343637;
+    color: #fff;
+}
+
+.ch_dark .ui.black.buttons .active.button,
+.ch_dark .ui.black.buttons .active.button:active,
+.ch_dark .ui.black.active.button,
+.ch_dark .ui.black.button .active.button:active {
+    background-color: #0f0f10;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.black.buttons .button,
+.ch_dark .ui.basic.black.button {
+    box-shadow: 0 0 0 1px #1b1c1d inset;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.basic.black.buttons .button:hover,
+.ch_dark .ui.basic.black.button:hover {
+    box-shadow: 0 0 0 1px #27292a inset;
+    color: #27292a;
+}
+
+.ch_dark .ui.basic.black.buttons .button:focus,
+.ch_dark .ui.basic.black.button:focus {
+    box-shadow: 0 0 0 1px #2f3032 inset;
+    color: #27292a;
+}
+
+.ch_dark .ui.basic.black.buttons .active.button,
+.ch_dark .ui.basic.black.active.button {
+    box-shadow: 0 0 0 1px #0f0f10 inset;
+    color: #343637;
+}
+
+.ch_dark .ui.basic.black.buttons .button:active,
+.ch_dark .ui.basic.black.button:active {
+    box-shadow: 0 0 0 1px #343637 inset;
+    color: #343637;
+}
+
+.ch_dark .ui.inverted.black.buttons .button,
+.ch_dark .ui.inverted.black.button {
+    box-shadow: 0 0 0 2px #d4d4d5 inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.black.buttons .button:hover,
+.ch_dark .ui.inverted.black.button:hover,
+.ch_dark .ui.inverted.black.buttons .button:focus,
+.ch_dark .ui.inverted.black.button:focus,
+.ch_dark .ui.inverted.black.buttons .button.active,
+.ch_dark .ui.inverted.black.button.active,
+.ch_dark .ui.inverted.black.buttons .button:active,
+.ch_dark .ui.inverted.black.button:active {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.black.buttons .button:hover,
+.ch_dark .ui.inverted.black.button:hover {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.black.buttons .button:focus,
+.ch_dark .ui.inverted.black.button:focus {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.black.buttons .active.button,
+.ch_dark .ui.inverted.black.active.button {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.black.buttons .button:active,
+.ch_dark .ui.inverted.black.button:active {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.black.basic.buttons .button,
+.ch_dark .ui.inverted.black.buttons .basic.button,
+.ch_dark .ui.inverted.black.basic.button {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.black.basic.buttons .button:hover,
+.ch_dark .ui.inverted.black.buttons .basic.button:hover,
+.ch_dark .ui.inverted.black.basic.button:hover {
+    box-shadow: 0 0 0 2px var(--blackbackground) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.black.basic.buttons .button:focus,
+.ch_dark .ui.inverted.black.basic.buttons .button:focus,
+.ch_dark .ui.inverted.black.basic.button:focus {
+    box-shadow: 0 0 0 2px var(--blackbackground) inset;
+    color: #545454;
+}
+
+.ch_dark .ui.inverted.black.basic.buttons .active.button,
+.ch_dark .ui.inverted.black.buttons .basic.active.button,
+.ch_dark .ui.inverted.black.basic.active.button {
+    box-shadow: 0 0 0 2px var(--blackbackground) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.black.basic.buttons .button:active,
+.ch_dark .ui.inverted.black.buttons .basic.button:active,
+.ch_dark .ui.inverted.black.basic.button:active {
+    box-shadow: 0 0 0 2px var(--blackbackground) inset;
+    color: #fff;
+}
+
+.ch_dark .ui.tertiary.black.buttons .button,
+.ch_dark .ui.tertiary.black.buttons .tertiary.button,
+.ch_dark .ui.tertiary.black.button {
+    color: #1b1c1d;
+    background: none;
+}
+
+.ch_dark .ui.tertiary.black.buttons .button:hover,
+.ch_dark .ui.tertiary.black.buttons button:hover,
+.ch_dark .ui.tertiary.black.button:hover {
+    box-shadow: inset 0 -0.2em 0 #8b8f93;
+    color: #8b8f93;
+}
+
+.ch_dark .ui.tertiary.black.buttons .button:focus,
+.ch_dark .ui.tertiary.black.buttons .tertiary.button:focus,
+.ch_dark .ui.tertiary.black.button:focus {
+    box-shadow: inset 0 -0.2em 0 #93969a;
+    color: #93969a;
+}
+
+.ch_dark .ui.tertiary.black.buttons .active.button,
+.ch_dark .ui.tertiary.black.buttons .tertiary.active.button,
+.ch_dark .ui.tertiary.black.active.button,
+.ch_dark .ui.tertiary.black.buttons .button:active,
+.ch_dark .ui.tertiary.black.buttons .tertiary.button:active,
+.ch_dark .ui.tertiary.black.button:active {
+    box-shadow: inset 0 -0.2em 0 #404245;
+    color: #0f0f10;
+}
+
+.ch_dark .ui.positive.buttons .button,
+.ch_dark .ui.positive.button {
+    background-color: var(--Successbgcolor);
+    color: #fff;
+}
+
+.ch_dark .ui.positive.button {
+    box-shadow: 0 0 0 0 var(--Successcolor) inset;
+}
+
+.ch_dark .ui.positive.buttons .button:hover,
+.ch_dark .ui.positive.button:hover {
+    background-color: #16ab39;
+    color: #fff;
+}
+
+.ch_dark .ui.positive.buttons .button:focus,
+.ch_dark .ui.positive.button:focus {
+    background-color: #0ea432;
+    color: #fff;
+}
+
+.ch_dark .ui.positive.buttons .button:active,
+.ch_dark .ui.positive.button:active {
+    background-color: #198f35;
+    color: #fff;
+}
+
+.ch_dark .ui.positive.buttons .active.button,
+.ch_dark .ui.positive.buttons .active.button:active,
+.ch_dark .ui.positive.active.button,
+.ch_dark .ui.positive.button .active.button:active {
+    background-color: #13ae38;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.positive.buttons .button,
+.ch_dark .ui.basic.positive.button {
+    box-shadow: 0 0 0 1px #21ba45 inset;
+    color: #21ba45;
+}
+
+.ch_dark .ui.basic.positive.buttons .button:hover,
+.ch_dark .ui.basic.positive.button:hover {
+    box-shadow: 0 0 0 1px #16ab39 inset;
+    color: #16ab39;
+}
+
+.ch_dark .ui.basic.positive.buttons .button:focus,
+.ch_dark .ui.basic.positive.button:focus {
+    box-shadow: 0 0 0 1px #0ea432 inset;
+    color: #16ab39;
+}
+
+.ch_dark .ui.basic.positive.buttons .active.button,
+.ch_dark .ui.basic.positive.active.button {
+    box-shadow: 0 0 0 1px #13ae38 inset;
+    color: #198f35;
+}
+
+.ch_dark .ui.basic.positive.buttons .button:active,
+.ch_dark .ui.basic.positive.button:active {
+    box-shadow: 0 0 0 1px #198f35 inset;
+    color: #198f35;
+}
+
+.ch_dark .ui.negative.buttons .button,
+.ch_dark .ui.negative.button {
+    background-color: var(--Errorbgcolor);
+    color: #fff;
+}
+
+.ch_dark .ui.negative.button {
+    box-shadow: 0 0 0 0 var(--Errorcolor) inset;
+}
+
+.ch_dark .ui.negative.buttons .button:hover,
+.ch_dark .ui.negative.button:hover {
+    background-color: #d01919;
+    color: #fff;
+}
+
+.ch_dark .ui.negative.buttons .button:focus,
+.ch_dark .ui.negative.button:focus {
+    background-color: #ca1010;
+    color: #fff;
+}
+
+.ch_dark .ui.negative.buttons .button:active,
+.ch_dark .ui.negative.button:active {
+    background-color: #b21e1e;
+    color: #fff;
+}
+
+.ch_dark .ui.negative.buttons .active.button,
+.ch_dark .ui.negative.buttons .active.button:active,
+.ch_dark .ui.negative.active.button,
+.ch_dark .ui.negative.button .active.button:active {
+    background-color: #d41515;
+    color: #fff;
+}
+
+.ch_dark .ui.basic.negative.buttons .button,
+.ch_dark .ui.basic.negative.button {
+    box-shadow: 0 0 0 1px #db2828 inset;
+    color: #db2828;
+}
+
+.ch_dark .ui.basic.negative.buttons .button:hover,
+.ch_dark .ui.basic.negative.button:hover {
+    box-shadow: 0 0 0 1px #d01919 inset;
+    color: #d01919;
+}
+
+.ch_dark .ui.basic.negative.buttons .button:focus,
+.ch_dark .ui.basic.negative.button:focus {
+    box-shadow: 0 0 0 1px #ca1010 inset;
+    color: #d01919;
+}
+
+.ch_dark .ui.basic.negative.buttons .active.button,
+.ch_dark .ui.basic.negative.active.button {
+    box-shadow: 0 0 0 1px #d41515 inset;
+    color: #b21e1e;
+}
+
+.ch_dark .ui.basic.negative.buttons .button:active,
+.ch_dark .ui.basic.negative.button:active {
+    box-shadow: 0 0 0 1px #b21e1e inset;
+    color: #b21e1e;
+}
+
+/** Groups **/
+.ch_dark .ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted) {
+    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.wrapping.basic.buttons .button {
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.spaced.basic.buttons .button {
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.spaced.basic.vertical.buttons .button:first-child {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.spaced.basic.wrapping.buttons .button:not(.basic) {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/** Divider **/
+.ch_dark .ui.divider {
+    color: rgba(0, 0, 0, 0.85);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.divider:not(.vertical):not(.horizontal) {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.vertical.divider::before,
+.ch_dark .ui.vertical.divider::after {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/** Variations Hidden **/
+.ch_dark .ui.divider.inverted,
+.ch_dark .ui.vertical.inverted.divider,
+.ch_dark .ui.horizontal.inverted.divider {
+    color: #fff;
+}
+
+.ch_dark .ui.divider.inverted,
+.ch_dark .ui.divider.inverted::after,
+.ch_dark .ui.divider.inverted::before {
+    border-color: rgba(34, 36, 38, 0.15) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) rgba(34, 36, 38, 0.15) !important;
+}
+
+/** Theme Overrides **/
+.ch_dark .ui.header {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.header .sub.header {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+/** States **/
+/** Inverted **/
+.ch_dark .ui.inverted.header {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.header .sub.header {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.inverted.attached.header {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.block.header {
+    background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+}
+
+.ch_dark .ui.primary.header {
+    color: #2185d0;
+}
+
+.ch_dark a.ui.primary.header:hover {
+    color: #1678c2;
+}
+
+.ch_dark .ui.primary.dividing.header {
+    border-bottom: 2px solid #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.header.header.header {
+    color: #54c8ff;
+}
+
+.ch_dark a.ui.inverted.primary.header.header.header:hover {
+    color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.primary.dividing.header {
+    border-bottom: 2px solid #54c8ff;
+}
+
+.ch_dark .ui.secondary.header {
+    color: #1b1c1d;
+}
+
+.ch_dark a.ui.secondary.header:hover {
+    color: #27292a;
+}
+
+.ch_dark .ui.secondary.dividing.header {
+    border-bottom: 2px solid #1b1c1d;
+}
+
+.ch_dark .ui.inverted.secondary.header.header.header {
+    color: #545454;
+}
+
+.ch_dark a.ui.inverted.secondary.header.header.header:hover {
+    color: #6e6e6e;
+}
+
+.ch_dark .ui.inverted.secondary.dividing.header {
+    border-bottom: 2px solid #545454;
+}
+
+.ch_dark .ui.red.header {
+    color: #db2828;
+}
+
+.ch_dark a.ui.red.header:hover {
+    color: #d01919;
+}
+
+.ch_dark .ui.red.dividing.header {
+    border-bottom: 2px solid #db2828;
+}
+
+.ch_dark .ui.inverted.red.header.header.header {
+    color: #ff695e;
+}
+
+.ch_dark a.ui.inverted.red.header.header.header:hover {
+    color: #ff392b;
+}
+
+.ch_dark .ui.inverted.red.dividing.header {
+    border-bottom: 2px solid #ff695e;
+}
+
+.ch_dark .ui.orange.header {
+    color: #f2711c;
+}
+
+.ch_dark a.ui.orange.header:hover {
+    color: #f26202;
+}
+
+.ch_dark .ui.orange.dividing.header {
+    border-bottom: 2px solid #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.header.header.header {
+    color: #ff851b;
+}
+
+.ch_dark a.ui.inverted.orange.header.header.header:hover {
+    color: #e76b00;
+}
+
+.ch_dark .ui.inverted.orange.dividing.header {
+    border-bottom: 2px solid #ff851b;
+}
+
+.ch_dark .ui.yellow.header {
+    color: #fbbd08;
+}
+
+.ch_dark a.ui.yellow.header:hover {
+    color: #eaae00;
+}
+
+.ch_dark .ui.yellow.dividing.header {
+    border-bottom: 2px solid #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.header.header.header {
+    color: #ffe21f;
+}
+
+.ch_dark a.ui.inverted.yellow.header.header.header:hover {
+    color: #ebcd00;
+}
+
+.ch_dark .ui.inverted.yellow.dividing.header {
+    border-bottom: 2px solid #ffe21f;
+}
+
+.ch_dark .ui.olive.header {
+    color: #b5cc18;
+}
+
+.ch_dark a.ui.olive.header:hover {
+    color: #a7bd0d;
+}
+
+.ch_dark .ui.olive.dividing.header {
+    border-bottom: 2px solid #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.header.header.header {
+    color: #d9e778;
+}
+
+.ch_dark a.ui.inverted.olive.header.header.header:hover {
+    color: #d2e745;
+}
+
+.ch_dark .ui.inverted.olive.dividing.header {
+    border-bottom: 2px solid #d9e778;
+}
+
+.ch_dark .ui.green.header {
+    color: #21ba45;
+}
+
+.ch_dark a.ui.green.header:hover {
+    color: #16ab39;
+}
+
+.ch_dark .ui.green.dividing.header {
+    border-bottom: 2px solid #21ba45;
+}
+
+.ch_dark .ui.inverted.green.header.header.header {
+    color: #2ecc40;
+}
+
+.ch_dark a.ui.inverted.green.header.header.header:hover {
+    color: #1ea92e;
+}
+
+.ch_dark .ui.inverted.green.dividing.header {
+    border-bottom: 2px solid #2ecc40;
+}
+
+.ch_dark .ui.teal.header {
+    color: #00b5ad;
+}
+
+.ch_dark a.ui.teal.header:hover {
+    color: #009c95;
+}
+
+.ch_dark .ui.teal.dividing.header {
+    border-bottom: 2px solid #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.header.header.header {
+    color: #6dffff;
+}
+
+.ch_dark a.ui.inverted.teal.header.header.header:hover {
+    color: #3affff;
+}
+
+.ch_dark .ui.inverted.teal.dividing.header {
+    border-bottom: 2px solid #6dffff;
+}
+
+.ch_dark .ui.blue.header {
+    color: #2185d0;
+}
+
+.ch_dark a.ui.blue.header:hover {
+    color: #1678c2;
+}
+
+.ch_dark .ui.blue.dividing.header {
+    border-bottom: 2px solid #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.header.header.header {
+    color: #54c8ff;
+}
+
+.ch_dark a.ui.inverted.blue.header.header.header:hover {
+    color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.blue.dividing.header {
+    border-bottom: 2px solid #54c8ff;
+}
+
+.ch_dark .ui.violet.header {
+    color: #6435c9;
+}
+
+.ch_dark a.ui.violet.header:hover {
+    color: #5829bb;
+}
+
+.ch_dark .ui.violet.dividing.header {
+    border-bottom: 2px solid #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.header.header.header {
+    color: #a291fb;
+}
+
+.ch_dark a.ui.inverted.violet.header.header.header:hover {
+    color: #745aff;
+}
+
+.ch_dark .ui.inverted.violet.dividing.header {
+    border-bottom: 2px solid #a291fb;
+}
+
+.ch_dark .ui.purple.header {
+    color: #a333c8;
+}
+
+.ch_dark a.ui.purple.header:hover {
+    color: #9627ba;
+}
+
+.ch_dark .ui.purple.dividing.header {
+    border-bottom: 2px solid #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.header.header.header {
+    color: #dc73ff;
+}
+
+.ch_dark a.ui.inverted.purple.header.header.header:hover {
+    color: #cf40ff;
+}
+
+.ch_dark .ui.inverted.purple.dividing.header {
+    border-bottom: 2px solid #dc73ff;
+}
+
+.ch_dark .ui.pink.header {
+    color: #e03997;
+}
+
+.ch_dark a.ui.pink.header:hover {
+    color: #e61a8d;
+}
+
+.ch_dark .ui.pink.dividing.header {
+    border-bottom: 2px solid #e03997;
+}
+
+.ch_dark .ui.inverted.pink.header.header.header {
+    color: #ff8edf;
+}
+
+.ch_dark a.ui.inverted.pink.header.header.header:hover {
+    color: #ff5bd1;
+}
+
+.ch_dark .ui.inverted.pink.dividing.header {
+    border-bottom: 2px solid #ff8edf;
+}
+
+.ch_dark .ui.brown.header {
+    color: #a5673f;
+}
+
+.ch_dark a.ui.brown.header:hover {
+    color: #975b33;
+}
+
+.ch_dark .ui.brown.dividing.header {
+    border-bottom: 2px solid #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.header.header.header {
+    color: #d67c1c;
+}
+
+.ch_dark a.ui.inverted.brown.header.header.header:hover {
+    color: #b0620f;
+}
+
+.ch_dark .ui.inverted.brown.dividing.header {
+    border-bottom: 2px solid #d67c1c;
+}
+
+.ch_dark .ui.grey.header {
+    color: #767676;
+}
+
+.ch_dark a.ui.grey.header:hover {
+    color: #838383;
+}
+
+.ch_dark .ui.grey.dividing.header {
+    border-bottom: 2px solid #767676;
+}
+
+.ch_dark .ui.inverted.grey.header.header.header {
+    color: #dcddde;
+}
+
+.ch_dark a.ui.inverted.grey.header.header.header:hover {
+    color: #c2c4c5;
+}
+
+.ch_dark .ui.inverted.grey.dividing.header {
+    border-bottom: 2px solid #dcddde;
+}
+
+.ch_dark .ui.black.header {
+    color: #1b1c1d;
+}
+
+.ch_dark a.ui.black.header:hover {
+    color: #27292a;
+}
+
+.ch_dark .ui.black.dividing.header {
+    border-bottom: 2px solid #1b1c1d;
+}
+
+.ch_dark .ui.inverted.black.header.header.header {
+    color: #545454;
+}
+
+.ch_dark a.ui.inverted.black.header.header.header:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.black.dividing.header {
+    border-bottom: 2px solid #545454;
+}
+
+.ch_dark .ui.dividing.header {
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.inverted.dividing.header {
+    border-bottom-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.block.header {
+    background: var(--blackbackground);
+    border: 1px solid #d4d4d4
+        /*#ffffff3d;*/
+    ;
+}
+
+.ch_dark .ui.attached.header {
+    background: #fff;
+    border: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.attached.block.header {
+    background: var(--blackbackground);
+}
+
+/*!#Icon ** Icon **/
+.ch_dark i.bordered.icon {
+    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
+}
+
+.ch_dark i.inverted.bordered.icon,
+.ch_dark .inverted.circular.icon {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark i.inverted.icon {
+    color: #fff;
+}
+
+.ch_dark i.primary.icon.icon.icon.icon.icon.icon {
+    color: #2185d0;
+}
+
+.ch_dark i.inverted.primary.icon.icon.icon.icon.icon.icon {
+    color: #54c8ff;
+}
+
+.ch_dark i.inverted.bordered.primary.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.primary.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.primary.icons,
+.ch_dark .inverted.circular.primary.icons {
+    background-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark i.secondary.icon.icon.icon.icon.icon.icon {
+    color: #1b1c1d;
+}
+
+.ch_dark i.inverted.secondary.icon.icon.icon.icon.icon.icon {
+    color: #545454;
+}
+
+.ch_dark i.inverted.bordered.secondary.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.secondary.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.secondary.icons,
+.ch_dark .inverted.circular.secondary.icons {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark i.red.icon.icon.icon.icon.icon.icon {
+    color: #db2828;
+}
+
+.ch_dark i.inverted.red.icon.icon.icon.icon.icon.icon {
+    color: #ff695e;
+}
+
+.ch_dark i.inverted.bordered.red.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.red.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.red.icons,
+.ch_dark .inverted.circular.red.icons {
+    background-color: #db2828;
+    color: #fff;
+}
+
+.ch_dark i.orange.icon.icon.icon.icon.icon.icon {
+    color: #f2711c;
+}
+
+.ch_dark i.inverted.orange.icon.icon.icon.icon.icon.icon {
+    color: #ff851b;
+}
+
+.ch_dark i.inverted.bordered.orange.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.orange.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.orange.icons,
+.ch_dark .inverted.circular.orange.icons {
+    background-color: #f2711c;
+    color: #fff;
+}
+
+.ch_dark i.yellow.icon.icon.icon.icon.icon.icon {
+    color: #fbbd08;
+}
+
+.ch_dark i.inverted.yellow.icon.icon.icon.icon.icon.icon {
+    color: #ffe21f;
+}
+
+.ch_dark i.inverted.bordered.yellow.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.yellow.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.yellow.icons,
+.ch_dark .inverted.circular.yellow.icons {
+    background-color: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark i.olive.icon.icon.icon.icon.icon.icon {
+    color: #b5cc18;
+}
+
+.ch_dark i.inverted.olive.icon.icon.icon.icon.icon.icon {
+    color: #d9e778;
+}
+
+.ch_dark i.inverted.bordered.olive.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.olive.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.olive.icons,
+.ch_dark .inverted.circular.olive.icons {
+    background-color: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark i.green.icon.icon.icon.icon.icon.icon {
+    color: #21ba45;
+}
+
+.ch_dark i.inverted.green.icon.icon.icon.icon.icon.icon {
+    color: #2ecc40;
+}
+
+.ch_dark i.inverted.bordered.green.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.green.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.green.icons,
+.ch_dark .inverted.circular.green.icons {
+    background-color: #21ba45;
+    color: #fff;
+}
+
+.ch_dark i.teal.icon.icon.icon.icon.icon.icon {
+    color: #00b5ad;
+}
+
+.ch_dark i.inverted.teal.icon.icon.icon.icon.icon.icon {
+    color: #6dffff;
+}
+
+.ch_dark i.inverted.bordered.teal.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.teal.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.teal.icons,
+.ch_dark .inverted.circular.teal.icons {
+    background-color: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark i.blue.icon.icon.icon.icon.icon.icon {
+    color: #2185d0;
+}
+
+.ch_dark i.inverted.blue.icon.icon.icon.icon.icon.icon {
+    color: #54c8ff;
+}
+
+.ch_dark i.inverted.bordered.blue.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.blue.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.blue.icons,
+.ch_dark .inverted.circular.blue.icons {
+    background-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark i.violet.icon.icon.icon.icon.icon.icon {
+    color: #6435c9;
+}
+
+.ch_dark i.inverted.violet.icon.icon.icon.icon.icon.icon {
+    color: #a291fb;
+}
+
+.ch_dark i.inverted.bordered.violet.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.violet.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.violet.icons,
+.ch_dark .inverted.circular.violet.icons {
+    background-color: #6435c9;
+    color: #fff;
+}
+
+.ch_dark i.purple.icon.icon.icon.icon.icon.icon {
+    color: #a333c8;
+}
+
+.ch_dark i.inverted.purple.icon.icon.icon.icon.icon.icon {
+    color: #dc73ff;
+}
+
+.ch_dark i.inverted.bordered.purple.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.purple.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.purple.icons,
+.ch_dark .inverted.circular.purple.icons {
+    background-color: #a333c8;
+    color: #fff;
+}
+
+.ch_dark i.pink.icon.icon.icon.icon.icon.icon {
+    color: #e03997;
+}
+
+.ch_dark i.inverted.pink.icon.icon.icon.icon.icon.icon {
+    color: #ff8edf;
+}
+
+.ch_dark i.inverted.bordered.pink.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.pink.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.pink.icons,
+.ch_dark .inverted.circular.pink.icons {
+    background-color: #e03997;
+    color: #fff;
+}
+
+.ch_dark i.brown.icon.icon.icon.icon.icon.icon {
+    color: #a5673f;
+}
+
+.ch_dark i.inverted.brown.icon.icon.icon.icon.icon.icon {
+    color: #d67c1c;
+}
+
+.ch_dark i.inverted.bordered.brown.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.brown.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.brown.icons,
+.ch_dark .inverted.circular.brown.icons {
+    background-color: #a5673f;
+    color: #fff;
+}
+
+.ch_dark i.grey.icon.icon.icon.icon.icon.icon {
+    color: #767676;
+}
+
+.ch_dark i.inverted.grey.icon.icon.icon.icon.icon.icon {
+    color: #dcddde;
+}
+
+.ch_dark i.inverted.bordered.grey.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.grey.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.grey.icons,
+.ch_dark .inverted.circular.grey.icons {
+    background-color: #767676;
+    color: #fff;
+}
+
+.ch_dark i.black.icon.icon.icon.icon.icon.icon {
+    color: #1b1c1d;
+}
+
+.ch_dark i.inverted.black.icon.icon.icon.icon.icon.icon {
+    color: #545454;
+}
+
+.ch_dark i.inverted.bordered.black.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.circular.black.icon.icon.icon.icon.icon.icon,
+.ch_dark .inverted.bordered.black.icons,
+.ch_dark .inverted.circular.black.icons {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+/** Image **/
+.ch_dark .ui.bordered.images .image,
+.ch_dark .ui.bordered.images img,
+.ch_dark .ui.bordered.images svg,
+.ch_dark .ui.bordered.image img,
+.ch_dark .ui.bordered.image svg,
+.ch_dark img.ui.bordered.image {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/** input **/
+.ch_dark .ui.input {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input>input {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    background: var(--hoverbackground);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input>input:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input>input::-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input>input::placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input>input:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input>input:active,
+.ch_dark .ui.input.down input {
+    border-color: rgba(0, 0, 0, 0.3);
+    background: #fafafa;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.ui.loading.input>i.icon::before {
+    border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.ui.loading.input>i.icon::after {
+    border: 0.2em solid #767676;
+}
+
+.ch_dark .ui.input.focus>input,
+.ch_dark .ui.input>input:focus {
+    border-color: #85b7d9;
+    background: #000;
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.input.focus>input:-ms-input-placeholder,
+.ch_dark .ui.input>input:focus:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input.focus>input::-ms-input-placeholder,
+.ch_dark .ui.input>input:focus::-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input.focus>input::placeholder,
+.ch_dark .ui.input>input:focus::placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input.focus>input:-ms-input-placeholder,
+.ch_dark .ui.input>input:focus:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input.error>input {
+    background-color: #0a0000;
+    border-color: var(--Errorcolor);
+    color: #9f3a38;
+}
+
+.ch_dark .ui.input.error>input:-ms-input-placeholder {
+    color: #e7bdbc;
+}
+
+.ch_dark .ui.input.error>input::-ms-input-placeholder {
+    color: #e7bdbc;
+}
+
+.ch_dark .ui.input.error>input::placeholder {
+    color: #e7bdbc;
+}
+
+.ch_dark .ui.input.error>input:-ms-input-placeholder {
+    color: #e7bdbc !important;
+}
+
+.ch_dark .ui.input.error>input:focus:-ms-input-placeholder {
+    color: #da9796;
+}
+
+.ch_dark .ui.input.error>input:focus::-ms-input-placeholder {
+    color: #da9796;
+}
+
+.ch_dark .ui.input.error>input:focus::placeholder {
+    color: #da9796;
+}
+
+.ch_dark .ui.input.error>input:focus:-ms-input-placeholder {
+    color: #da9796 !important;
+}
+
+.ch_dark .ui.input.info>input {
+    background: var(--Infobgcolor);
+    border-color: var(--Infocolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.input.info>input:-ms-input-placeholder {
+    color: #98cfe1;
+}
+
+.ch_dark .ui.input.info>input::-ms-input-placeholder {
+    color: #98cfe1;
+}
+
+.ch_dark .ui.input.info>input::placeholder {
+    color: #98cfe1;
+}
+
+.ch_dark .ui.input.info>input:-ms-input-placeholder {
+    color: #98cfe1 !important;
+}
+
+.ch_dark .ui.input.info>input:focus:-ms-input-placeholder {
+    color: #70bdd6;
+}
+
+.ch_dark .ui.input.info>input:focus::-ms-input-placeholder {
+    color: #70bdd6;
+}
+
+.ch_dark .ui.input.info>input:focus::placeholder {
+    color: #70bdd6;
+}
+
+.ch_dark .ui.input.info>input:focus:-ms-input-placeholder {
+    color: #70bdd6 !important;
+}
+
+.ch_dark .ui.input.success>input {
+    background-color: #2c662d;
+    border-color: #a3c293;
+    color: #fcfff5;
+}
+
+.ch_dark .ui.input.success>input:-ms-input-placeholder {
+    color: #8fcf90;
+}
+
+.ch_dark .ui.input.success>input::-ms-input-placeholder {
+    color: #8fcf90;
+}
+
+.ch_dark .ui.input.success>input::placeholder {
+    color: #8fcf90;
+}
+
+.ch_dark .ui.input.success>input:-ms-input-placeholder {
+    color: #8fcf90 !important;
+}
+
+.ch_dark .ui.input.success>input:focus:-ms-input-placeholder {
+    color: #6cbf6d;
+}
+
+.ch_dark .ui.input.success>input:focus::-ms-input-placeholder {
+    color: #6cbf6d;
+}
+
+.ch_dark .ui.input.success>input:focus::placeholder {
+    color: #6cbf6d;
+}
+
+.ch_dark .ui.input.success>input:focus:-ms-input-placeholder {
+    color: #6cbf6d !important;
+}
+
+.ch_dark .ui.input.warning>input {
+    background-color: var(--warningbgcolor);
+    border-color: var(--warningcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.input.warning>input:-ms-input-placeholder {
+    color: #edad3e;
+}
+
+.ch_dark .ui.input.warning>input::-ms-input-placeholder {
+    color: #edad3e;
+}
+
+.ch_dark .ui.input.warning>input::placeholder {
+    color: #edad3e;
+}
+
+.ch_dark .ui.input.warning>input:-ms-input-placeholder {
+    color: #edad3e !important;
+}
+
+.ch_dark .ui.input.warning>input:focus:-ms-input-placeholder {
+    color: #e39715;
+}
+
+.ch_dark .ui.input.warning>input:focus::-ms-input-placeholder {
+    color: #e39715;
+}
+
+.ch_dark .ui.input.warning>input:focus::placeholder {
+    color: #e39715;
+}
+
+.ch_dark .ui.input.warning>input:focus:-ms-input-placeholder {
+    color: #e39715 !important;
+}
+
+.ch_dark .ui.transparent.inverted.input {
+    color: #fff;
+}
+
+.ch_dark .ui.transparent.inverted.input>input:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.transparent.inverted.input>input::-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.transparent.inverted.input>input::placeholder {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.transparent.inverted.input>input:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus {
+    border-left-color: #85b7d9;
+}
+
+.ch_dark .ui[class*="right labeled"].input>input:focus {
+    border-right-color: #85b7d9 !important;
+}
+
+.ch_dark .ui.form .field.error>.ui.action.input>.ui.button,
+.ch_dark .ui.form .field.error>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui.action.input.error>.ui.button,
+.ch_dark .ui.labeled.input.error:not([class*="corner labeled"])>.ui.label {
+    border-top: 1px solid var(--Errorcolor);
+    border-bottom: 1px solid var(--Errorcolor);
+}
+
+.ch_dark .ui.form .field.error>.ui[class*="left action"].input>.ui.button,
+.ch_dark .ui.form .field.error>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui[class*="left action"].input.error>.ui.button,
+.ch_dark .ui.labeled.input.error:not(.right):not([class*="corner labeled"])>.ui.label {
+    border-left: 1px solid var(--Errorcolor);
+}
+
+.ch_dark .ui.form .field.error>.ui.action.input:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.form .field.error>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,
+.ch_dark .ui.action.input.error:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.right.labeled.input.error:not([class*="corner labeled"])>input+.ui.label {
+    border-right: 1px solid var(--Errorcolor);
+}
+
+.ch_dark .ui.form .field.error>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,
+.ch_dark .ui.right.labeled.input.error:not([class*="corner labeled"])>.ui.label:first-child {
+    border-left: 1px solid var(--Errorcolor);
+}
+
+.ch_dark .ui.form .field.info>.ui.action.input>.ui.button,
+.ch_dark .ui.form .field.info>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui.action.input.info>.ui.button,
+.ch_dark .ui.labeled.input.info:not([class*="corner labeled"])>.ui.label {
+    border-top: 1px solid #a9d5de;
+    border-bottom: 1px solid #a9d5de;
+}
+
+.ch_dark .ui.form .field.info>.ui[class*="left action"].input>.ui.button,
+.ch_dark .ui.form .field.info>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui[class*="left action"].input.info>.ui.button,
+.ch_dark .ui.labeled.input.info:not(.right):not([class*="corner labeled"])>.ui.label {
+    border-left: 1px solid #a9d5de;
+}
+
+.ch_dark .ui.form .field.info>.ui.action.input:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.form .field.info>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,
+.ch_dark .ui.action.input.info:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.right.labeled.input.info:not([class*="corner labeled"])>input+.ui.label {
+    border-right: 1px solid #a9d5de;
+}
+
+.ch_dark .ui.form .field.info>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,
+.ch_dark .ui.right.labeled.input.info:not([class*="corner labeled"])>.ui.label:first-child {
+    border-left: 1px solid #a9d5de;
+}
+
+.ch_dark .ui.form .field.success>.ui.action.input>.ui.button,
+.ch_dark .ui.form .field.success>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui.action.input.success>.ui.button,
+.ch_dark .ui.labeled.input.success:not([class*="corner labeled"])>.ui.label {
+    border-top: 1px solid #a3c293;
+    border-bottom: 1px solid #a3c293;
+}
+
+.ch_dark .ui.form .field.success>.ui[class*="left action"].input>.ui.button,
+.ch_dark .ui.form .field.success>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui[class*="left action"].input.success>.ui.button,
+.ch_dark .ui.labeled.input.success:not(.right):not([class*="corner labeled"])>.ui.label {
+    border-left: 1px solid #a3c293;
+}
+
+.ch_dark .ui.form .field.success>.ui.action.input:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.form .field.success>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,
+.ch_dark .ui.action.input.success:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.right.labeled.input.success:not([class*="corner labeled"])>input+.ui.label {
+    border-right: 1px solid #a3c293;
+}
+
+.ch_dark .ui.form .field.success>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,
+.ch_dark .ui.right.labeled.input.success:not([class*="corner labeled"])>.ui.label:first-child {
+    border-left: 1px solid #a3c293;
+}
+
+.ch_dark .ui.form .field.warning>.ui.action.input>.ui.button,
+.ch_dark .ui.form .field.warning>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui.action.input.warning>.ui.button,
+.ch_dark .ui.labeled.input.warning:not([class*="corner labeled"])>.ui.label {
+    border-top: 1px solid #c9ba9b;
+    border-bottom: 1px solid #c9ba9b;
+}
+
+.ch_dark .ui.form .field.warning>.ui[class*="left action"].input>.ui.button,
+.ch_dark .ui.form .field.warning>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,
+.ch_dark .ui[class*="left action"].input.warning>.ui.button,
+.ch_dark .ui.labeled.input.warning:not(.right):not([class*="corner labeled"])>.ui.label {
+    border-left: 1px solid #c9ba9b;
+}
+
+.ch_dark .ui.form .field.warning>.ui.action.input:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.form .field.warning>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,
+.ch_dark .ui.action.input.warning:not([class*="left action"])>input+.ui.button,
+.ch_dark .ui.right.labeled.input.warning:not([class*="corner labeled"])>input+.ui.label {
+    border-right: 1px solid #c9ba9b;
+}
+
+.ch_dark .ui.form .field.warning>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,
+.ch_dark .ui.right.labeled.input.warning:not([class*="corner labeled"])>.ui.label:first-child {
+    border-left: 1px solid #c9ba9b;
+}
+
+.ch_dark .ui.action.input:not([class*="left action"])>input:focus {
+    border-right-color: #85b7d9;
+}
+
+.ch_dark .ui.ui[class*="left action"].input>input:focus {
+    border-left-color: #85b7d9;
+}
+
+.ch_dark .ui.form .field input[type="file"]::-webkit-file-upload-button,
+.ch_dark .ui.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #e0e1e2;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::-webkit-file-upload-button:hover,
+.ch_dark .ui.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #5f5f5f;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::-ms-browse,
+.ch_dark .ui.file.input input[type="file"]::-ms-browse {
+    background: #e0e1e2;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::-ms-browse:hover,
+.ch_dark .ui.file.input input[type="file"]::-ms-browse:hover {
+    background: #5f5f5f;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::-webkit-file-upload-button,
+.ch_dark .ui.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #e0e1e2;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::file-selector-button,
+.ch_dark .ui.file.input input[type="file"]::file-selector-button {
+    background: #e0e1e2;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::-webkit-file-upload-button:hover,
+.ch_dark .ui.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #5f5f5f;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.form .field input[type="file"]::file-selector-button:hover,
+.ch_dark .ui.file.input input[type="file"]::file-selector-button:hover {
+    background: #5f5f5f;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.button:not(.basic):not(.tertiary) {
+    background: #5f5f5f;
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.button:not(.basic):not(.tertiary).inverted {
+    background: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.primary.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.primary.button:not(.basic):not(.tertiary) {
+    background-color: #1678c2;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.primary.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.primary.button:not(.basic):not(.tertiary).inverted {
+    background-color: #21b8ff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.secondary.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.secondary.button:not(.basic):not(.tertiary) {
+    background-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.secondary.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.secondary.button:not(.basic):not(.tertiary).inverted {
+    background-color: #6e6e6e;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.red.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.red.button:not(.basic):not(.tertiary) {
+    background-color: #d01919;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.red.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.red.button:not(.basic):not(.tertiary).inverted {
+    background-color: #ff392b;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.orange.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.orange.button:not(.basic):not(.tertiary) {
+    background-color: #f26202;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.orange.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.orange.button:not(.basic):not(.tertiary).inverted {
+    background-color: #e76b00;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.yellow.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.yellow.button:not(.basic):not(.tertiary) {
+    background-color: #eaae00;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.yellow.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.yellow.button:not(.basic):not(.tertiary).inverted {
+    background-color: #ebcd00;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.olive.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.olive.button:not(.basic):not(.tertiary) {
+    background-color: #a7bd0d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.olive.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.olive.button:not(.basic):not(.tertiary).inverted {
+    background-color: #d2e745;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.green.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.green.button:not(.basic):not(.tertiary) {
+    background-color: #16ab39;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.green.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.green.button:not(.basic):not(.tertiary).inverted {
+    background-color: #1ea92e;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.teal.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.teal.button:not(.basic):not(.tertiary) {
+    background-color: #009c95;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.teal.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.teal.button:not(.basic):not(.tertiary).inverted {
+    background-color: #3affff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.blue.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.blue.button:not(.basic):not(.tertiary) {
+    background-color: #1678c2;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.blue.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.blue.button:not(.basic):not(.tertiary).inverted {
+    background-color: #21b8ff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.violet.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.violet.button:not(.basic):not(.tertiary) {
+    background-color: #5829bb;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.violet.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.violet.button:not(.basic):not(.tertiary).inverted {
+    background-color: #745aff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.purple.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.purple.button:not(.basic):not(.tertiary) {
+    background-color: #9627ba;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.purple.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.purple.button:not(.basic):not(.tertiary).inverted {
+    background-color: #cf40ff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.pink.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.pink.button:not(.basic):not(.tertiary) {
+    background-color: #e61a8d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.pink.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.pink.button:not(.basic):not(.tertiary).inverted {
+    background-color: #ff5bd1;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.brown.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.brown.button:not(.basic):not(.tertiary) {
+    background-color: #975b33;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.brown.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.brown.button:not(.basic):not(.tertiary).inverted {
+    background-color: #b0620f;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.grey.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.grey.button:not(.basic):not(.tertiary) {
+    background-color: #838383;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.grey.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.grey.button:not(.basic):not(.tertiary).inverted {
+    background-color: #c2c4c5;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.black.button:not(.basic):not(.tertiary),
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.black.button:not(.basic):not(.tertiary) {
+    background-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.file.input:focus+label.ui.black.button:not(.basic):not(.tertiary).inverted,
+.ch_dark .ui.file.input input[type="file"]:focus+label.ui.black.button:not(.basic):not(.tertiary).inverted {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
+.ch_dark .ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::-ms-browse,
+.ch_dark .ui.primary.file.input input[type="file"]::-ms-browse {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::-ms-browse:hover,
+.ch_dark .ui.primary.file.input input[type="file"]::-ms-browse:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
+.ch_dark .ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::file-selector-button,
+.ch_dark .ui.primary.file.input input[type="file"]::file-selector-button {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.primary.file.input::file-selector-button:hover,
+.ch_dark .ui.primary.file.input input[type="file"]::file-selector-button:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
+.ch_dark .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::-ms-browse,
+.ch_dark .ui.secondary.file.input input[type="file"]::-ms-browse {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::-ms-browse:hover,
+.ch_dark .ui.secondary.file.input input[type="file"]::-ms-browse:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
+.ch_dark .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::file-selector-button,
+.ch_dark .ui.secondary.file.input input[type="file"]::file-selector-button {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.secondary.file.input::file-selector-button:hover,
+.ch_dark .ui.secondary.file.input input[type="file"]::file-selector-button:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::-webkit-file-upload-button,
+.ch_dark .ui.red.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.red.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #d01919;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::-ms-browse,
+.ch_dark .ui.red.file.input input[type="file"]::-ms-browse {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::-ms-browse:hover,
+.ch_dark .ui.red.file.input input[type="file"]::-ms-browse:hover {
+    background: #d01919;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::-webkit-file-upload-button,
+.ch_dark .ui.red.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::file-selector-button,
+.ch_dark .ui.red.file.input input[type="file"]::file-selector-button {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.red.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #d01919;
+}
+
+.ch_dark input[type="file"].ui.red.file.input::file-selector-button:hover,
+.ch_dark .ui.red.file.input input[type="file"]::file-selector-button:hover {
+    background: #d01919;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::-webkit-file-upload-button,
+.ch_dark .ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #f26202;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::-ms-browse,
+.ch_dark .ui.orange.file.input input[type="file"]::-ms-browse {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::-ms-browse:hover,
+.ch_dark .ui.orange.file.input input[type="file"]::-ms-browse:hover {
+    background: #f26202;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::-webkit-file-upload-button,
+.ch_dark .ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::file-selector-button,
+.ch_dark .ui.orange.file.input input[type="file"]::file-selector-button {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #f26202;
+}
+
+.ch_dark input[type="file"].ui.orange.file.input::file-selector-button:hover,
+.ch_dark .ui.orange.file.input input[type="file"]::file-selector-button:hover {
+    background: #f26202;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::-webkit-file-upload-button,
+.ch_dark .ui.yellow.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.yellow.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #eaae00;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::-ms-browse,
+.ch_dark .ui.yellow.file.input input[type="file"]::-ms-browse {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::-ms-browse:hover,
+.ch_dark .ui.yellow.file.input input[type="file"]::-ms-browse:hover {
+    background: #eaae00;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::-webkit-file-upload-button,
+.ch_dark .ui.yellow.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::file-selector-button,
+.ch_dark .ui.yellow.file.input input[type="file"]::file-selector-button {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.yellow.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #eaae00;
+}
+
+.ch_dark input[type="file"].ui.yellow.file.input::file-selector-button:hover,
+.ch_dark .ui.yellow.file.input input[type="file"]::file-selector-button:hover {
+    background: #eaae00;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::-webkit-file-upload-button,
+.ch_dark .ui.olive.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.olive.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #a7bd0d;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::-ms-browse,
+.ch_dark .ui.olive.file.input input[type="file"]::-ms-browse {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::-ms-browse:hover,
+.ch_dark .ui.olive.file.input input[type="file"]::-ms-browse:hover {
+    background: #a7bd0d;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::-webkit-file-upload-button,
+.ch_dark .ui.olive.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::file-selector-button,
+.ch_dark .ui.olive.file.input input[type="file"]::file-selector-button {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.olive.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #a7bd0d;
+}
+
+.ch_dark input[type="file"].ui.olive.file.input::file-selector-button:hover,
+.ch_dark .ui.olive.file.input input[type="file"]::file-selector-button:hover {
+    background: #a7bd0d;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::-webkit-file-upload-button,
+.ch_dark .ui.green.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.green.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #16ab39;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::-ms-browse,
+.ch_dark .ui.green.file.input input[type="file"]::-ms-browse {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::-ms-browse:hover,
+.ch_dark .ui.green.file.input input[type="file"]::-ms-browse:hover {
+    background: #16ab39;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::-webkit-file-upload-button,
+.ch_dark .ui.green.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::file-selector-button,
+.ch_dark .ui.green.file.input input[type="file"]::file-selector-button {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.green.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #16ab39;
+}
+
+.ch_dark input[type="file"].ui.green.file.input::file-selector-button:hover,
+.ch_dark .ui.green.file.input input[type="file"]::file-selector-button:hover {
+    background: #16ab39;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::-webkit-file-upload-button,
+.ch_dark .ui.teal.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.teal.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #009c95;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::-ms-browse,
+.ch_dark .ui.teal.file.input input[type="file"]::-ms-browse {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::-ms-browse:hover,
+.ch_dark .ui.teal.file.input input[type="file"]::-ms-browse:hover {
+    background: #009c95;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::-webkit-file-upload-button,
+.ch_dark .ui.teal.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::file-selector-button,
+.ch_dark .ui.teal.file.input input[type="file"]::file-selector-button {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.teal.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #009c95;
+}
+
+.ch_dark input[type="file"].ui.teal.file.input::file-selector-button:hover,
+.ch_dark .ui.teal.file.input input[type="file"]::file-selector-button:hover {
+    background: #009c95;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::-webkit-file-upload-button,
+.ch_dark .ui.blue.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.blue.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::-ms-browse,
+.ch_dark .ui.blue.file.input input[type="file"]::-ms-browse {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::-ms-browse:hover,
+.ch_dark .ui.blue.file.input input[type="file"]::-ms-browse:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::-webkit-file-upload-button,
+.ch_dark .ui.blue.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::file-selector-button,
+.ch_dark .ui.blue.file.input input[type="file"]::file-selector-button {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.blue.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.blue.file.input::file-selector-button:hover,
+.ch_dark .ui.blue.file.input input[type="file"]::file-selector-button:hover {
+    background: #1678c2;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::-webkit-file-upload-button,
+.ch_dark .ui.violet.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.violet.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #5829bb;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::-ms-browse,
+.ch_dark .ui.violet.file.input input[type="file"]::-ms-browse {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::-ms-browse:hover,
+.ch_dark .ui.violet.file.input input[type="file"]::-ms-browse:hover {
+    background: #5829bb;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::-webkit-file-upload-button,
+.ch_dark .ui.violet.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::file-selector-button,
+.ch_dark .ui.violet.file.input input[type="file"]::file-selector-button {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.violet.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #5829bb;
+}
+
+.ch_dark input[type="file"].ui.violet.file.input::file-selector-button:hover,
+.ch_dark .ui.violet.file.input input[type="file"]::file-selector-button:hover {
+    background: #5829bb;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::-webkit-file-upload-button,
+.ch_dark .ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #9627ba;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::-ms-browse,
+.ch_dark .ui.purple.file.input input[type="file"]::-ms-browse {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::-ms-browse:hover,
+.ch_dark .ui.purple.file.input input[type="file"]::-ms-browse:hover {
+    background: #9627ba;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::-webkit-file-upload-button,
+.ch_dark .ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::file-selector-button,
+.ch_dark .ui.purple.file.input input[type="file"]::file-selector-button {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #9627ba;
+}
+
+.ch_dark input[type="file"].ui.purple.file.input::file-selector-button:hover,
+.ch_dark .ui.purple.file.input input[type="file"]::file-selector-button:hover {
+    background: #9627ba;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::-webkit-file-upload-button,
+.ch_dark .ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #e61a8d;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::-ms-browse,
+.ch_dark .ui.pink.file.input input[type="file"]::-ms-browse {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::-ms-browse:hover,
+.ch_dark .ui.pink.file.input input[type="file"]::-ms-browse:hover {
+    background: #e61a8d;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::-webkit-file-upload-button,
+.ch_dark .ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::file-selector-button,
+.ch_dark .ui.pink.file.input input[type="file"]::file-selector-button {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #e61a8d;
+}
+
+.ch_dark input[type="file"].ui.pink.file.input::file-selector-button:hover,
+.ch_dark .ui.pink.file.input input[type="file"]::file-selector-button:hover {
+    background: #e61a8d;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::-webkit-file-upload-button,
+.ch_dark .ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #975b33;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::-ms-browse,
+.ch_dark .ui.brown.file.input input[type="file"]::-ms-browse {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::-ms-browse:hover,
+.ch_dark .ui.brown.file.input input[type="file"]::-ms-browse:hover {
+    background: #975b33;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::-webkit-file-upload-button,
+.ch_dark .ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::file-selector-button,
+.ch_dark .ui.brown.file.input input[type="file"]::file-selector-button {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #975b33;
+}
+
+.ch_dark input[type="file"].ui.brown.file.input::file-selector-button:hover,
+.ch_dark .ui.brown.file.input input[type="file"]::file-selector-button:hover {
+    background: #975b33;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::-webkit-file-upload-button,
+.ch_dark .ui.grey.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.grey.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #838383;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::-ms-browse,
+.ch_dark .ui.grey.file.input input[type="file"]::-ms-browse {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::-ms-browse:hover,
+.ch_dark .ui.grey.file.input input[type="file"]::-ms-browse:hover {
+    background: #838383;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::-webkit-file-upload-button,
+.ch_dark .ui.grey.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::file-selector-button,
+.ch_dark .ui.grey.file.input input[type="file"]::file-selector-button {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.grey.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #838383;
+}
+
+.ch_dark input[type="file"].ui.grey.file.input::file-selector-button:hover,
+.ch_dark .ui.grey.file.input input[type="file"]::file-selector-button:hover {
+    background: #838383;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::-webkit-file-upload-button,
+.ch_dark .ui.black.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.black.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::-ms-browse,
+.ch_dark .ui.black.file.input input[type="file"]::-ms-browse {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::-ms-browse:hover,
+.ch_dark .ui.black.file.input input[type="file"]::-ms-browse:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::-webkit-file-upload-button,
+.ch_dark .ui.black.file.input input[type="file"]::-webkit-file-upload-button {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::file-selector-button,
+.ch_dark .ui.black.file.input input[type="file"]::file-selector-button {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::-webkit-file-upload-button:hover,
+.ch_dark .ui.black.file.input input[type="file"]::-webkit-file-upload-button:hover {
+    background: #27292a;
+}
+
+.ch_dark input[type="file"].ui.black.file.input::file-selector-button:hover,
+.ch_dark .ui.black.file.input input[type="file"]::file-selector-button:hover {
+    background: #27292a;
+}
+
+/**Label **/
+.ch_dark .ui.label {
+    background-color: #171717;
+    color: #ffffff99;
+}
+
+.ch_dark .ui.image.label {
+    background: #e8e8e8;
+}
+
+.ch_dark .ui.image.label .detail {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.tag.labels .label::after,
+.ch_dark .ui.tag.label::after {
+    background-color: #fff;
+    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
+}
+
+.ch_dark .ui.basic.tag.labels .label::after,
+.ch_dark .ui.basic.tag.label::after {
+    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.corner.label {
+    border-color: #e8e8e8;
+}
+
+.ch_dark .ui.ribbon.label {
+    border-color: rgba(0, 0, 0, 0.15);
+}
+
+/** States Disabled **/
+.ch_dark .ui.labels a.label:hover,
+.ch_dark a.ui.label:hover {
+    background-color: #e0e0e0;
+    border-color: #e0e0e0;
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.labels a.label:hover::before,
+.ch_dark a.ui.label:hover::before {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.active.label {
+    background-color: #d0d0d0;
+    border-color: #d0d0d0;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.active.label::before {
+    background-color: #d0d0d0;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.labels a.active.label:hover,
+.ch_dark a.ui.active.label:hover {
+    background-color: #c8c8c8;
+    border-color: #c8c8c8;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.labels a.active.label:hover::before,
+.ch_dark a.ui.active.label:hover::before {
+    background-color: #c8c8c8;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+/** Variations Basic **/
+.ch_dark .ui.basic.labels .label,
+.ch_dark .ui.basic.label {
+    background: none var(--blackbackground);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.basic.labels a.label:hover,
+.ch_dark a.ui.basic.label:hover {
+    background: none #fff;
+    color: #1e70bf;
+}
+
+.ch_dark .ui.inverted.labels .label,
+.ch_dark .ui.inverted.label {
+    color: rgba(0, 0, 0, 0.9);
+    background-color: #b5b5b5;
+}
+
+.ch_dark .ui.inverted.corner.label {
+    border-color: #b5b5b5;
+}
+
+.ch_dark .ui.inverted.corner.label:hover {
+    border-color: #e8e8e8;
+}
+
+.ch_dark .ui.inverted.basic.labels .label,
+.ch_dark .ui.inverted.basic.label,
+.ch_dark .ui.inverted.basic.label:hover {
+    border-color: rgba(255, 255, 255, 0.5);
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.basic.label:hover {
+    color: #4183c4;
+}
+
+.ch_dark .ui.primary.labels .label,
+.ch_dark .ui.ui.ui.primary.label {
+    background-color: #2185d0;
+    border-color: #2185d0;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.primary.labels a.label:hover,
+.ch_dark a.ui.ui.ui.primary.label:hover {
+    background-color: #1678c2;
+    border-color: #1678c2;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.primary.ribbon.label {
+    border-color: #1a69a4;
+}
+
+.ch_dark .ui.basic.labels .primary.label,
+.ch_dark .ui.ui.ui.basic.primary.label {
+    background: none #fff;
+    border-color: #2185d0;
+    color: #2185d0;
+}
+
+.ch_dark .ui.basic.labels a.primary.label:hover,
+.ch_dark a.ui.ui.ui.basic.primary.label:hover {
+    background: none #fff;
+    border-color: #1678c2;
+    color: #1678c2;
+}
+
+.ch_dark .ui.inverted.labels .primary.label,
+.ch_dark .ui.ui.ui.inverted.primary.label {
+    background-color: #54c8ff;
+    border-color: #54c8ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.primary.label:hover,
+.ch_dark a.ui.ui.ui.inverted.primary.label:hover {
+    background-color: #21b8ff;
+    border-color: #21b8ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.primary.ribbon.label {
+    border-color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.basic.labels .primary.label,
+.ch_dark .ui.ui.ui.inverted.basic.primary.label {
+    background-color: #1b1c1d;
+    border-color: #54c8ff;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.basic.labels a.primary.label:hover,
+.ch_dark a.ui.ui.ui.inverted.basic.primary.label:hover {
+    border-color: #21b8ff;
+    background-color: #1b1c1d;
+    color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .primary.label,
+.ch_dark .ui.ui.ui.inverted.primary.basic.tag.label {
+    border: 1px solid #54c8ff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .primary.label::before,
+.ch_dark .ui.ui.ui.inverted.primary.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.secondary.labels .label,
+.ch_dark .ui.ui.ui.secondary.label {
+    background-color: #1b1c1d;
+    border-color: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.secondary.labels a.label:hover,
+.ch_dark a.ui.ui.ui.secondary.label:hover {
+    background-color: #27292a;
+    border-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.secondary.ribbon.label {
+    border-color: #020203;
+}
+
+.ch_dark .ui.basic.labels .secondary.label,
+.ch_dark .ui.ui.ui.basic.secondary.label {
+    background: none #fff;
+    border-color: #1b1c1d;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.basic.labels a.secondary.label:hover,
+.ch_dark a.ui.ui.ui.basic.secondary.label:hover {
+    background: none #fff;
+    border-color: #27292a;
+    color: #27292a;
+}
+
+.ch_dark .ui.inverted.labels .secondary.label,
+.ch_dark .ui.ui.ui.inverted.secondary.label {
+    background-color: #545454;
+    border-color: #545454;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.secondary.label:hover,
+.ch_dark a.ui.ui.ui.inverted.secondary.label:hover {
+    background-color: #6e6e6e;
+    border-color: #6e6e6e;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.secondary.ribbon.label {
+    border-color: #3b3b3b;
+}
+
+.ch_dark .ui.inverted.basic.labels .secondary.label,
+.ch_dark .ui.ui.ui.inverted.basic.secondary.label {
+    background-color: #1b1c1d;
+    border-color: #545454;
+    color: #545454;
+}
+
+.ch_dark .ui.inverted.basic.labels a.secondary.label:hover,
+.ch_dark a.ui.ui.ui.inverted.basic.secondary.label:hover {
+    border-color: #6e6e6e;
+    background-color: #1b1c1d;
+    color: #6e6e6e;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .secondary.label,
+.ch_dark .ui.ui.ui.inverted.secondary.basic.tag.label {
+    border: 1px solid #545454;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .secondary.label::before,
+.ch_dark .ui.ui.ui.inverted.secondary.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.red.labels .label,
+.ch_dark .ui.ui.ui.red.label {
+    background-color: #db2828;
+    border-color: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.red.labels a.label:hover,
+.ch_dark a.ui.ui.ui.red.label:hover {
+    background-color: #d01919;
+    border-color: #d01919;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.red.ribbon.label {
+    border-color: #b21e1e;
+}
+
+.ch_dark .ui.basic.labels .red.label,
+.ch_dark .ui.ui.ui.basic.red.label {
+    background: none #fff;
+    border-color: #db2828;
+    color: #db2828;
+}
+
+.ch_dark .ui.basic.labels a.red.label:hover,
+.ch_dark a.ui.ui.ui.basic.red.label:hover {
+    background: none #fff;
+    border-color: #d01919;
+    color: #d01919;
+}
+
+.ch_dark .ui.inverted.labels .red.label,
+.ch_dark .ui.ui.ui.inverted.red.label {
+    background-color: #ff695e;
+    border-color: #ff695e;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.red.label:hover,
+.ch_dark .ui.ui.ui.inverted.red.label:hover {
+    background-color: #ff392b;
+    border-color: #ff392b;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.red.ribbon.label {
+    border-color: #ff392b;
+}
+
+.ch_dark .ui.inverted.basic.labels .red.label,
+.ch_dark .ui.ui.ui.inverted.basic.red.label {
+    background-color: #1b1c1d;
+    border-color: #ff695e;
+    color: #ff695e;
+}
+
+.ch_dark .ui.inverted.basic.labels a.red.label:hover,
+.ch_dark a.ui.ui.ui.inverted.basic.red.label:hover {
+    border-color: #ff392b;
+    background-color: #1b1c1d;
+    color: #ff392b;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .red.label,
+.ch_dark .ui.ui.ui.inverted.red.basic.tag.label {
+    border: 1px solid #ff695e;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .red.label::before,
+.ch_dark .ui.ui.ui.inverted.red.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.orange.labels .label,
+.ch_dark .ui.ui.ui.orange.label {
+    background-color: #f2711c;
+    border-color: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.orange.labels a.label:hover,
+.ch_dark a.ui.ui.ui.orange.label:hover {
+    background-color: #f26202;
+    border-color: #f26202;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.orange.ribbon.label {
+    border-color: #cf590c;
+}
+
+.ch_dark .ui.basic.labels .orange.label,
+.ch_dark .ui.ui.ui.basic.orange.label {
+    background: none #fff;
+    border-color: #f2711c;
+    color: #f2711c;
+}
+
+.ch_dark .ui.basic.labels a.orange.label:hover,
+.ch_dark a.ui.ui.ui.basic.orange.label:hover {
+    background: none #fff;
+    border-color: #f26202;
+    color: #f26202;
+}
+
+.ch_dark .ui.inverted.labels .orange.label,
+.ch_dark .ui.ui.ui.inverted.orange.label {
+    background-color: #ff851b;
+    border-color: #ff851b;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.orange.label:hover,
+.ch_dark .ui.ui.ui.inverted.orange.label:hover {
+    background-color: #e76b00;
+    border-color: #e76b00;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.orange.ribbon.label {
+    border-color: #e76b00;
+}
+
+.ch_dark .ui.inverted.basic.labels .orange.label,
+.ch_dark .ui.ui.ui.inverted.basic.orange.label {
+    background-color: #1b1c1d;
+    border-color: #ff851b;
+    color: #ff851b;
+}
+
+.ch_dark .ui.inverted.basic.labels a.orange.label:hover,
+.ch_dark a.ui.ui.ui.inverted.basic.orange.label:hover {
+    border-color: #e76b00;
+    background-color: #1b1c1d;
+    color: #e76b00;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .orange.label,
+.ch_dark .ui.ui.ui.inverted.orange.basic.tag.label {
+    border: 1px solid #ff851b;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .orange.label::before,
+.ch_dark .ui.ui.ui.inverted.orange.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.yellow.labels .label,
+.ch_dark .ui.ui.ui.yellow.label {
+    background-color: #fbbd08;
+    border-color: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.yellow.labels a.label:hover,
+.ch_dark .ui.ui.ui.yellow.label:hover {
+    background-color: #eaae00;
+    border-color: #eaae00;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.yellow.ribbon.label {
+    border-color: #cd9903;
+}
+
+.ch_dark .ui.basic.labels .yellow.label,
+.ch_dark .ui.ui.ui.basic.yellow.label {
+    background: none #fff;
+    border-color: #fbbd08;
+    color: #fbbd08;
+}
+
+.ch_dark .ui.basic.labels a.yellow.label:hover,
+.ch_dark a.ui.ui.ui.basic.yellow.label:hover {
+    background: none #fff;
+    border-color: #eaae00;
+    color: #eaae00;
+}
+
+.ch_dark .ui.inverted.labels .yellow.label,
+.ch_dark .ui.ui.ui.inverted.yellow.label {
+    background-color: #ffe21f;
+    border-color: #ffe21f;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.yellow.label:hover,
+.ch_dark a.ui.ui.ui.inverted.yellow.label:hover {
+    background-color: #ebcd00;
+    border-color: #ebcd00;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.yellow.ribbon.label {
+    border-color: #ebcd00;
+}
+
+.ch_dark .ui.inverted.basic.labels .yellow.label,
+.ch_dark .ui.ui.ui.inverted.basic.yellow.label {
+    background-color: #1b1c1d;
+    border-color: #ffe21f;
+    color: #ffe21f;
+}
+
+.ch_dark .ui.inverted.basic.labels a.yellow.label:hover,
+.ch_dark a.ui.ui.ui.inverted.basic.yellow.label:hover {
+    border-color: #ebcd00;
+    background-color: #1b1c1d;
+    color: #ebcd00;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .yellow.label,
+.ch_dark .ui.ui.ui.inverted.yellow.basic.tag.label {
+    border: 1px solid #ffe21f;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .yellow.label::before,
+.ch_dark .ui.ui.ui.inverted.yellow.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.olive.labels .label,
+.ch_dark .ui.ui.ui.olive.label {
+    background-color: #b5cc18;
+    border-color: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.olive.labels a.label:hover,
+.ch_dark a.ui.ui.ui.olive.label:hover {
+    background-color: #a7bd0d;
+    border-color: #a7bd0d;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.olive.ribbon.label {
+    border-color: #8d9e13;
+}
+
+.ch_dark .ui.basic.labels .olive.label,
+.ch_dark .ui.ui.ui.basic.olive.label {
+    background: none #fff;
+    border-color: #b5cc18;
+    color: #b5cc18;
+}
+
+.ch_dark .ui.basic.labels a.olive.label:hover,
+.ch_dark .ui.ui.ui.basic.olive.label:hover {
+    background: none #fff;
+    border-color: #a7bd0d;
+    color: #a7bd0d;
+}
+
+.ch_dark .ui.inverted.labels .olive.label,
+.ch_dark .ui.ui.ui.inverted.olive.label {
+    background-color: #d9e778;
+    border-color: #d9e778;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.olive.label:hover,
+.ch_dark .ui.ui.ui.inverted.olive.label:hover {
+    background-color: #d2e745;
+    border-color: #d2e745;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.olive.ribbon.label {
+    border-color: #cddf4d;
+}
+
+.ch_dark .ui.inverted.basic.labels .olive.label,
+.ch_dark .ui.ui.ui.inverted.basic.olive.label {
+    background-color: #1b1c1d;
+    border-color: #d9e778;
+    color: #d9e778;
+}
+
+.ch_dark .ui.inverted.basic.labels a.olive.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.olive.label:hover {
+    border-color: #d2e745;
+    background-color: #1b1c1d;
+    color: #d2e745;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .olive.label,
+.ch_dark .ui.ui.ui.inverted.olive.basic.tag.label {
+    border: 1px solid #d9e778;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .olive.label::before,
+.ch_dark .ui.ui.ui.inverted.olive.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.green.labels .label,
+.ch_dark .ui.ui.ui.green.label {
+    background-color: #21ba45;
+    border-color: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.green.labels a.label:hover,
+.ch_dark .ui.ui.ui.green.label:hover {
+    background-color: #16ab39;
+    border-color: #16ab39;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.green.ribbon.label {
+    border-color: #198f35;
+}
+
+.ch_dark .ui.basic.labels .green.label,
+.ch_dark .ui.ui.ui.basic.green.label {
+    background: none #fff;
+    border-color: #21ba45;
+    color: #21ba45;
+}
+
+.ch_dark .ui.basic.labels a.green.label:hover,
+.ch_dark .ui.ui.ui.basic.green.label:hover {
+    background: none #fff;
+    border-color: #16ab39;
+    color: #16ab39;
+}
+
+.ch_dark .ui.inverted.labels .green.label,
+.ch_dark .ui.ui.ui.inverted.green.label {
+    background-color: #2ecc40;
+    border-color: #2ecc40;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.green.label:hover,
+.ch_dark .ui.ui.ui.inverted.green.label:hover {
+    background-color: #1ea92e;
+    border-color: #1ea92e;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.green.ribbon.label {
+    border-color: #25a233;
+}
+
+.ch_dark .ui.inverted.basic.labels .green.label,
+.ch_dark .ui.ui.ui.inverted.basic.green.label {
+    background-color: #1b1c1d;
+    border-color: #2ecc40;
+    color: #2ecc40;
+}
+
+.ch_dark .ui.inverted.basic.labels a.green.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.green.label:hover {
+    border-color: #1ea92e;
+    background-color: #1b1c1d;
+    color: #1ea92e;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .green.label,
+.ch_dark .ui.ui.ui.inverted.green.basic.tag.label {
+    border: 1px solid #2ecc40;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .green.label::before,
+.ch_dark .ui.ui.ui.inverted.green.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.teal.labels .label,
+.ch_dark .ui.ui.ui.teal.label {
+    background-color: #00b5ad;
+    border-color: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.teal.labels a.label:hover,
+.ch_dark .ui.ui.ui.teal.label:hover {
+    background-color: #009c95;
+    border-color: #009c95;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.teal.ribbon.label {
+    border-color: #00827c;
+}
+
+.ch_dark .ui.basic.labels .teal.label,
+.ch_dark .ui.ui.ui.basic.teal.label {
+    background: none #fff;
+    border-color: #00b5ad;
+    color: #00b5ad;
+}
+
+.ch_dark .ui.basic.labels a.teal.label:hover,
+.ch_dark .ui.ui.ui.basic.teal.label:hover {
+    background: none #fff;
+    border-color: #009c95;
+    color: #009c95;
+}
+
+.ch_dark .ui.inverted.labels .teal.label,
+.ch_dark .ui.ui.ui.inverted.teal.label {
+    background-color: #6dffff;
+    border-color: #6dffff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.teal.label:hover,
+.ch_dark .ui.ui.ui.inverted.teal.label:hover {
+    background-color: #3affff;
+    border-color: #3affff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.teal.ribbon.label {
+    border-color: #3affff;
+}
+
+.ch_dark .ui.inverted.basic.labels .teal.label,
+.ch_dark .ui.ui.ui.inverted.basic.teal.label {
+    background-color: #1b1c1d;
+    border-color: #6dffff;
+    color: #6dffff;
+}
+
+.ch_dark .ui.inverted.basic.labels a.teal.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.teal.label:hover {
+    border-color: #3affff;
+    background-color: #1b1c1d;
+    color: #3affff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .teal.label,
+.ch_dark .ui.ui.ui.inverted.teal.basic.tag.label {
+    border: 1px solid #6dffff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .teal.label::before,
+.ch_dark .ui.ui.ui.inverted.teal.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.blue.labels .label,
+.ch_dark .ui.ui.ui.blue.label {
+    background-color: #2185d0;
+    border-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.blue.labels a.label:hover,
+.ch_dark .ui.ui.ui.blue.label:hover {
+    background-color: #1678c2;
+    border-color: #1678c2;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.blue.ribbon.label {
+    border-color: #1a69a4;
+}
+
+.ch_dark .ui.basic.labels .blue.label,
+.ch_dark .ui.ui.ui.basic.blue.label {
+    background: none #fff;
+    border-color: #2185d0;
+    color: #2185d0;
+}
+
+.ch_dark .ui.basic.labels a.blue.label:hover,
+.ch_dark .ui.ui.ui.basic.blue.label:hover {
+    background: none #fff;
+    border-color: #1678c2;
+    color: #1678c2;
+}
+
+.ch_dark .ui.inverted.labels .blue.label,
+.ch_dark .ui.ui.ui.inverted.blue.label {
+    background-color: #54c8ff;
+    border-color: #54c8ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.blue.label:hover,
+.ch_dark .ui.ui.ui.inverted.blue.label:hover {
+    background-color: #21b8ff;
+    border-color: #21b8ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.blue.ribbon.label {
+    border-color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.basic.labels .blue.label,
+.ch_dark .ui.ui.ui.inverted.basic.blue.label {
+    background-color: #1b1c1d;
+    border-color: #54c8ff;
+    color: #54c8ff;
+}
+
+.ch_dark .ui.inverted.basic.labels a.blue.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.blue.label:hover {
+    border-color: #21b8ff;
+    background-color: #1b1c1d;
+    color: #21b8ff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .blue.label,
+.ch_dark .ui.ui.ui.inverted.blue.basic.tag.label {
+    border: 1px solid #54c8ff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .blue.label::before,
+.ch_dark .ui.ui.ui.inverted.blue.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.violet.labels .label,
+.ch_dark .ui.ui.ui.violet.label {
+    background-color: #6435c9;
+    border-color: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.violet.labels a.label:hover,
+.ch_dark .ui.ui.ui.violet.label:hover {
+    background-color: #5829bb;
+    border-color: #5829bb;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.violet.ribbon.label {
+    border-color: #502aa1;
+}
+
+.ch_dark .ui.basic.labels .violet.label,
+.ch_dark .ui.ui.ui.basic.violet.label {
+    background: none #fff;
+    border-color: #6435c9;
+    color: #6435c9;
+}
+
+.ch_dark .ui.basic.labels a.violet.label:hover,
+.ch_dark .ui.ui.ui.basic.violet.label:hover {
+    background: none #fff;
+    border-color: #5829bb;
+    color: #5829bb;
+}
+
+.ch_dark .ui.inverted.labels .violet.label,
+.ch_dark .ui.ui.ui.inverted.violet.label {
+    background-color: #a291fb;
+    border-color: #a291fb;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.violet.label:hover,
+.ch_dark .ui.ui.ui.inverted.violet.label:hover {
+    background-color: #745aff;
+    border-color: #745aff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.violet.ribbon.label {
+    border-color: #7860f9;
+}
+
+.ch_dark .ui.inverted.basic.labels .violet.label,
+.ch_dark .ui.ui.ui.inverted.basic.violet.label {
+    background-color: #1b1c1d;
+    border-color: #a291fb;
+    color: #a291fb;
+}
+
+.ch_dark .ui.inverted.basic.labels a.violet.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.violet.label:hover {
+    border-color: #745aff;
+    background-color: #1b1c1d;
+    color: #745aff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .violet.label,
+.ch_dark .ui.ui.ui.inverted.violet.basic.tag.label {
+    border: 1px solid #a291fb;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .violet.label::before,
+.ch_dark .ui.ui.ui.inverted.violet.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.purple.labels .label,
+.ch_dark .ui.ui.ui.purple.label {
+    background-color: #a333c8;
+    border-color: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.purple.labels a.label:hover,
+.ch_dark .ui.ui.ui.purple.label:hover {
+    background-color: #9627ba;
+    border-color: #9627ba;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.purple.ribbon.label {
+    border-color: #82299f;
+}
+
+.ch_dark .ui.basic.labels .purple.label,
+.ch_dark .ui.ui.ui.basic.purple.label {
+    background: none #fff;
+    border-color: #a333c8;
+    color: #a333c8;
+}
+
+.ch_dark .ui.basic.labels a.purple.label:hover,
+.ch_dark .ui.ui.ui.basic.purple.label:hover {
+    background: none #fff;
+    border-color: #9627ba;
+    color: #9627ba;
+}
+
+.ch_dark .ui.inverted.labels .purple.label,
+.ch_dark .ui.ui.ui.inverted.purple.label {
+    background-color: #dc73ff;
+    border-color: #dc73ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.purple.label:hover,
+.ch_dark .ui.ui.ui.inverted.purple.label:hover {
+    background-color: #cf40ff;
+    border-color: #cf40ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.purple.ribbon.label {
+    border-color: #cf40ff;
+}
+
+.ch_dark .ui.inverted.basic.labels .purple.label,
+.ch_dark .ui.ui.ui.inverted.basic.purple.label {
+    background-color: #1b1c1d;
+    border-color: #dc73ff;
+    color: #dc73ff;
+}
+
+.ch_dark .ui.inverted.basic.labels a.purple.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.purple.label:hover {
+    border-color: #cf40ff;
+    background-color: #1b1c1d;
+    color: #cf40ff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .purple.label,
+.ch_dark .ui.ui.ui.inverted.purple.basic.tag.label {
+    border: 1px solid #dc73ff;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .purple.label::before,
+.ch_dark .ui.ui.ui.inverted.purple.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.pink.labels .label,
+.ch_dark .ui.ui.ui.pink.label {
+    background-color: #e03997;
+    border-color: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.pink.labels a.label:hover,
+.ch_dark .ui.ui.ui.pink.label:hover {
+    background-color: #e61a8d;
+    border-color: #e61a8d;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.pink.ribbon.label {
+    border-color: #c71f7e;
+}
+
+.ch_dark .ui.basic.labels .pink.label,
+.ch_dark .ui.ui.ui.basic.pink.label {
+    background: none #fff;
+    border-color: #e03997;
+    color: #e03997;
+}
+
+.ch_dark .ui.basic.labels a.pink.label:hover,
+.ch_dark .ui.ui.ui.basic.pink.label:hover {
+    background: none #fff;
+    border-color: #e61a8d;
+    color: #e61a8d;
+}
+
+.ch_dark .ui.inverted.labels .pink.label,
+.ch_dark .ui.ui.ui.inverted.pink.label {
+    background-color: #ff8edf;
+    border-color: #ff8edf;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.pink.label:hover,
+.ch_dark .ui.ui.ui.inverted.pink.label:hover {
+    background-color: #ff5bd1;
+    border-color: #ff5bd1;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.pink.ribbon.label {
+    border-color: #ff5bd1;
+}
+
+.ch_dark .ui.inverted.basic.labels .pink.label,
+.ch_dark .ui.ui.ui.inverted.basic.pink.label {
+    background-color: #1b1c1d;
+    border-color: #ff8edf;
+    color: #ff8edf;
+}
+
+.ch_dark .ui.inverted.basic.labels a.pink.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.pink.label:hover {
+    border-color: #ff5bd1;
+    background-color: #1b1c1d;
+    color: #ff5bd1;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .pink.label,
+.ch_dark .ui.ui.ui.inverted.pink.basic.tag.label {
+    border: 1px solid #ff8edf;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .pink.label::before,
+.ch_dark .ui.ui.ui.inverted.pink.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.brown.labels .label,
+.ch_dark .ui.ui.ui.brown.label {
+    background-color: #a5673f;
+    border-color: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.brown.labels a.label:hover,
+.ch_dark .ui.ui.ui.brown.label:hover {
+    background-color: #975b33;
+    border-color: #975b33;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.brown.ribbon.label {
+    border-color: #805031;
+}
+
+.ch_dark .ui.basic.labels .brown.label,
+.ch_dark .ui.ui.ui.basic.brown.label {
+    background: none #fff;
+    border-color: #a5673f;
+    color: #a5673f;
+}
+
+.ch_dark .ui.basic.labels a.brown.label:hover,
+.ch_dark .ui.ui.ui.basic.brown.label:hover {
+    background: none #fff;
+    border-color: #975b33;
+    color: #975b33;
+}
+
+.ch_dark .ui.inverted.labels .brown.label,
+.ch_dark .ui.ui.ui.inverted.brown.label {
+    background-color: #d67c1c;
+    border-color: #d67c1c;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.brown.label:hover,
+.ch_dark .ui.ui.ui.inverted.brown.label:hover {
+    background-color: #b0620f;
+    border-color: #b0620f;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.brown.ribbon.label {
+    border-color: #a96216;
+}
+
+.ch_dark .ui.inverted.basic.labels .brown.label,
+.ch_dark .ui.ui.ui.inverted.basic.brown.label {
+    background-color: #1b1c1d;
+    border-color: #d67c1c;
+    color: #d67c1c;
+}
+
+.ch_dark .ui.inverted.basic.labels a.brown.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.brown.label:hover {
+    border-color: #b0620f;
+    background-color: #1b1c1d;
+    color: #b0620f;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .brown.label,
+.ch_dark .ui.ui.ui.inverted.brown.basic.tag.label {
+    border: 1px solid #d67c1c;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .brown.label::before,
+.ch_dark .ui.ui.ui.inverted.brown.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.grey.labels .label,
+.ch_dark .ui.ui.ui.grey.label {
+    background-color: #767676;
+    border-color: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.grey.labels a.label:hover,
+.ch_dark .ui.ui.ui.grey.label:hover {
+    background-color: #838383;
+    border-color: #838383;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.grey.ribbon.label {
+    border-color: #5d5d5d;
+}
+
+.ch_dark .ui.basic.labels .grey.label,
+.ch_dark .ui.ui.ui.basic.grey.label {
+    background: none #fff;
+    border-color: #767676;
+    color: #767676;
+}
+
+.ch_dark .ui.basic.labels a.grey.label:hover,
+.ch_dark .ui.ui.ui.basic.grey.label:hover {
+    background: none #fff;
+    border-color: #838383;
+    color: #838383;
+}
+
+.ch_dark .ui.inverted.labels .grey.label,
+.ch_dark .ui.ui.ui.inverted.grey.label {
+    background-color: #dcddde;
+    border-color: #dcddde;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.grey.label:hover,
+.ch_dark .ui.ui.ui.inverted.grey.label:hover {
+    background-color: #c2c4c5;
+    border-color: #c2c4c5;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.inverted.grey.ribbon.label {
+    border-color: #e9eaea;
+}
+
+.ch_dark .ui.inverted.basic.labels .grey.label,
+.ch_dark .ui.ui.ui.inverted.basic.grey.label {
+    background-color: #1b1c1d;
+    border-color: #dcddde;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.basic.labels a.grey.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.grey.label:hover {
+    border-color: #c2c4c5;
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .grey.label,
+.ch_dark .ui.ui.ui.inverted.grey.basic.tag.label {
+    border: 1px solid #dcddde;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .grey.label::before,
+.ch_dark .ui.ui.ui.inverted.grey.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.black.labels .label,
+.ch_dark .ui.ui.ui.black.label {
+    background-color: #1b1c1d;
+    border-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.black.labels a.label:hover,
+.ch_dark .ui.ui.ui.black.label:hover {
+    background-color: #27292a;
+    border-color: #27292a;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.black.ribbon.label {
+    border-color: #020203;
+}
+
+.ch_dark .ui.basic.labels .black.label,
+.ch_dark .ui.ui.ui.basic.black.label {
+    background: none #fff;
+    border-color: #1b1c1d;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.basic.labels a.black.label:hover,
+.ch_dark .ui.ui.ui.basic.black.label:hover {
+    background: none #fff;
+    border-color: #27292a;
+    color: #27292a;
+}
+
+.ch_dark .ui.inverted.labels .black.label,
+.ch_dark .ui.ui.ui.inverted.black.label {
+    background-color: #545454;
+    border-color: #545454;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.labels a.black.label:hover,
+.ch_dark .ui.ui.ui.inverted.black.label:hover {
+    background-color: var(--blackbackground);
+    border-color: var(--blackbackground);
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.inverted.black.ribbon.label {
+    border-color: #616161;
+}
+
+.ch_dark .ui.inverted.basic.labels .black.label,
+.ch_dark .ui.ui.ui.inverted.basic.black.label {
+    background-color: #1b1c1d;
+    border-color: #545454;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.basic.labels a.black.label:hover,
+.ch_dark .ui.ui.ui.inverted.basic.black.label:hover {
+    border-color: var(--blackbackground);
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .black.label,
+.ch_dark .ui.ui.ui.inverted.black.basic.tag.label {
+    border: 1px solid #545454;
+}
+
+.ch_dark .ui.inverted.basic.tag.labels .black.label::before,
+.ch_dark .ui.ui.ui.inverted.black.basic.tag.label::before {
+    background-color: #1b1c1d;
+}
+
+/**Fomantic-UI 2.9.3 List **/
+.ch_dark .ui.list .list>.item>.content,
+.ch_dark .ui.list>.item>.content {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.list .list>.item .header,
+.ch_dark .ui.list>.item .header {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.list .list>.item .description,
+.ch_dark .ui.list>.item .description {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.list .list>a.item,
+.ch_dark .ui.list>a.item {
+    color: #4183c4;
+}
+
+.ch_dark .ui.list .list>a.item:hover,
+.ch_dark .ui.list>a.item:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.list .list>a.item>i.icons,
+.ch_dark .ui.list>a.item>i.icons,
+.ch_dark .ui.list .list>a.item>i.icon,
+.ch_dark .ui.list>a.item>i.icon {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.ch_dark .ui.list .list>.item a.header,
+.ch_dark .ui.list>.item a.header {
+    color: #4183c4 !important;
+}
+
+.ch_dark .ui.list .list>.item>a.header:hover,
+.ch_dark .ui.list>.item>a.header:hover {
+    color: #1e70bf !important;
+}
+
+/** Coupling **/
+.ch_dark .ui.list .list>.disabled.item,
+.ch_dark .ui.list>.disabled.item {
+    color: rgba(40, 40, 40, 0.3) !important;
+}
+
+.ch_dark .ui.inverted.list .list>.disabled.item,
+.ch_dark .ui.inverted.list>.disabled.item {
+    color: rgba(225, 225, 225, 0.3) !important;
+}
+
+.ch_dark .ui.list .list>a.item:hover>.icons,
+.ch_dark .ui.list>a.item:hover>.icons,
+.ch_dark .ui.list .list>a.item:hover>i.icon,
+.ch_dark .ui.list>a.item:hover>i.icon {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** Variations Inverted **/
+.ch_dark .ui.inverted.list .list>a.item>i.icon,
+.ch_dark .ui.inverted.list>a.item>i.icon {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.list .list>.item .header,
+.ch_dark .ui.inverted.list>.item .header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.list .list>.item .description,
+.ch_dark .ui.inverted.list>.item .description {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.list .list>.item>.content,
+.ch_dark .ui.inverted.list>.item>.content {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.list .list>a.item,
+.ch_dark .ui.inverted.list>a.item {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.list .list>a.item:hover,
+.ch_dark .ui.inverted.list>a.item:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.inverted.list .item a:not(.ui) {
+    color: rgba(0, 0, 0, 0.9) !important;
+}
+
+.ch_dark .ui.inverted.list .item a:not(.ui):hover {
+    color: #1e70bf !important;
+}
+
+.ch_dark .ui.link.list .item,
+.ch_dark .ui.link.list a.item,
+.ch_dark .ui.link.list .item a:not(.ui) {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.ch_dark .ui.ui.link.list a.item:hover,
+.ch_dark .ui.ui.link.list .item a:not(.ui):hover {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.ui.link.list a.item:active,
+.ch_dark .ui.ui.link.list .item a:not(.ui):active {
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.ch_dark .ui.ui.link.list .active.item,
+.ch_dark .ui.ui.link.list .active.item a:not(.ui) {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.inverted.link.list .item,
+.ch_dark .ui.inverted.link.list a.item,
+.ch_dark .ui.inverted.link.list .item a:not(.ui) {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.ui.inverted.link.list a.item:hover,
+.ch_dark .ui.ui.inverted.link.list .item a:not(.ui):hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.link.list a.item:active,
+.ch_dark .ui.ui.inverted.link.list .item a:not(.ui):active {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.link.list a.active.item,
+.ch_dark .ui.ui.inverted.link.list .active.item a:not(.ui) {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.selection.list .list>.item,
+.ch_dark .ui.selection.list>.item {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.ch_dark .ui.selection.list .list>.item:hover,
+.ch_dark .ui.selection.list>.item:hover {
+    background: rgba(0, 0, 0, 0.03);
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.selection.list .list>.item:active,
+.ch_dark .ui.selection.list>.item:active {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.ch_dark .ui.selection.list .list>.item.active,
+.ch_dark .ui.selection.list>.item.active {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.inverted.selection.list>.item {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.inverted.selection.list>.item:hover {
+    background: rgba(255, 255, 255, 0.02);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.selection.list>.item:active {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.selection.list>.item.active {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark ul.ui.list li::before,
+.ch_dark .ui.bulleted.list .list>a.item::before,
+.ch_dark .ui.bulleted.list>a.item::before {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark ul.ui.horizontal.bulleted.list li::before,
+.ch_dark .ui.horizontal.bulleted.list>.item::before {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark ol.ui.list li::before,
+.ch_dark .ui.ordered.list .list>.item::before,
+.ch_dark .ui.ordered.list>.item::before {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark ol.ui.inverted.list li::before,
+.ch_dark .ui.ordered.inverted.list .list>.item::before,
+.ch_dark .ui.ordered.inverted.list>.item::before {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.divided.list>.item {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.divided.horizontal.list>.item {
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.divided.inverted.list>.item,
+.ch_dark .ui.divided.inverted.list>.list,
+.ch_dark .ui.divided.inverted.horizontal.list>.item {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.celled.list>.item,
+.ch_dark .ui.celled.list>.list {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.celled.list>.item:last-child {
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.horizontal.celled.list .list>.item,
+.ch_dark .ui.horizontal.celled.list>.item {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.horizontal.celled.list .list>.item:last-child,
+.ch_dark .ui.horizontal.celled.list>.item:last-child {
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.celled.inverted.list>.item,
+.ch_dark .ui.celled.inverted.list>.list {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.celled.inverted.horizontal.list .list>.item,
+.ch_dark .ui.celled.inverted.horizontal.list>.item {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+/**Loader **/
+.ch_dark .ui.loader::before {
+    border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.loader::after {
+    border: 0.2em solid #767676;
+}
+
+.ch_dark .ui.dimmer>.ui.loader {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.dimmer>.ui.loader:not(.elastic)::before {
+    border-color: rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.inverted.dimmer>.ui.loader {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.dimmer>.ui.loader:not(.elastic)::before {
+    border-color: rgba(0, 0, 0, 0.1);
+}
+
+/** Variations Sizes **/
+.ch_dark .ui.ui.primary.elastic.loader::before,
+.ch_dark .ui.primary.basic.elastic.loading.button::before,
+.ch_dark .ui.primary.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.primary.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.primary.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.primary.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.primary.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.primary.loading>i.icon::after,
+.ch_dark .ui.ui.ui.primary.loader::after {
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.primary.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.primary.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.primary.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.primary.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.primary.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.primary.loader::after {
+    color: #54c8ff;
+}
+
+.ch_dark .ui.ui.secondary.elastic.loader::before,
+.ch_dark .ui.secondary.basic.elastic.loading.button::before,
+.ch_dark .ui.secondary.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.secondary.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.secondary.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.secondary.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.secondary.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.secondary.loading>i.icon::after,
+.ch_dark .ui.ui.ui.secondary.loader::after {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.secondary.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.secondary.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.secondary.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.secondary.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.secondary.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.secondary.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.secondary.loader::after {
+    color: #545454;
+}
+
+.ch_dark .ui.ui.red.elastic.loader::before,
+.ch_dark .ui.red.basic.elastic.loading.button::before,
+.ch_dark .ui.red.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.red.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.red.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.red.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.red.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.red.loading>i.icon::after,
+.ch_dark .ui.ui.ui.red.loader::after {
+    color: #db2828;
+}
+
+.ch_dark .ui.inverted.red.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.red.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.red.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.red.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.red.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.red.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.red.loader::after {
+    color: #ff695e;
+}
+
+.ch_dark .ui.ui.orange.elastic.loader::before,
+.ch_dark .ui.orange.basic.elastic.loading.button::before,
+.ch_dark .ui.orange.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.orange.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.orange.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.orange.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.orange.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.orange.loading>i.icon::after,
+.ch_dark .ui.ui.ui.orange.loader::after {
+    color: #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.orange.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.orange.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.orange.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.orange.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.orange.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.orange.loader::after {
+    color: #ff851b;
+}
+
+.ch_dark .ui.ui.yellow.elastic.loader::before,
+.ch_dark .ui.yellow.basic.elastic.loading.button::before,
+.ch_dark .ui.yellow.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.yellow.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.yellow.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.yellow.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.yellow.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.yellow.loading>i.icon::after,
+.ch_dark .ui.ui.ui.yellow.loader::after {
+    color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.yellow.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.yellow.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.yellow.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.yellow.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.yellow.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.yellow.loader::after {
+    color: #ffe21f;
+}
+
+.ch_dark .ui.ui.olive.elastic.loader::before,
+.ch_dark .ui.olive.basic.elastic.loading.button::before,
+.ch_dark .ui.olive.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.olive.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.olive.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.olive.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.olive.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.olive.loading>i.icon::after,
+.ch_dark .ui.ui.ui.olive.loader::after {
+    color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.olive.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.olive.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.olive.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.olive.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.olive.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.olive.loader::after {
+    color: #d9e778;
+}
+
+.ch_dark .ui.ui.green.elastic.loader::before,
+.ch_dark .ui.green.basic.elastic.loading.button::before,
+.ch_dark .ui.green.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.green.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.green.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.green.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.green.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.green.loading>i.icon::after,
+.ch_dark .ui.ui.ui.green.loader::after {
+    color: #21ba45;
+}
+
+.ch_dark .ui.inverted.green.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.green.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.green.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.green.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.green.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.green.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.green.loader::after {
+    color: #2ecc40;
+}
+
+.ch_dark .ui.ui.teal.elastic.loader::before,
+.ch_dark .ui.teal.basic.elastic.loading.button::before,
+.ch_dark .ui.teal.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.teal.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.teal.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.teal.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.teal.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.teal.loading>i.icon::after,
+.ch_dark .ui.ui.ui.teal.loader::after {
+    color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.teal.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.teal.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.teal.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.teal.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.teal.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.teal.loader::after {
+    color: #6dffff;
+}
+
+.ch_dark .ui.ui.blue.elastic.loader::before,
+.ch_dark .ui.blue.basic.elastic.loading.button::before,
+.ch_dark .ui.blue.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.blue.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.blue.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.blue.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.blue.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.blue.loading>i.icon::after,
+.ch_dark .ui.ui.ui.blue.loader::after {
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.blue.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.blue.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.blue.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.blue.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.blue.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.blue.loader::after {
+    color: #54c8ff;
+}
+
+.ch_dark .ui.ui.violet.elastic.loader::before,
+.ch_dark .ui.violet.basic.elastic.loading.button::before,
+.ch_dark .ui.violet.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.violet.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.violet.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.violet.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.violet.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.violet.loading>i.icon::after,
+.ch_dark .ui.ui.ui.violet.loader::after {
+    color: #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.violet.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.violet.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.violet.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.violet.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.violet.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.violet.loader::after {
+    color: #a291fb;
+}
+
+.ch_dark .ui.ui.purple.elastic.loader::before,
+.ch_dark .ui.purple.basic.elastic.loading.button::before,
+.ch_dark .ui.purple.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.purple.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.purple.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.purple.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.purple.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.purple.loading>i.icon::after,
+.ch_dark .ui.ui.ui.purple.loader::after {
+    color: #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.purple.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.purple.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.purple.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.purple.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.purple.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.purple.loader::after {
+    color: #dc73ff;
+}
+
+.ch_dark .ui.ui.pink.elastic.loader::before,
+.ch_dark .ui.pink.basic.elastic.loading.button::before,
+.ch_dark .ui.pink.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.pink.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.pink.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.pink.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.pink.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.pink.loading>i.icon::after,
+.ch_dark .ui.ui.ui.pink.loader::after {
+    color: #e03997;
+}
+
+.ch_dark .ui.inverted.pink.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.pink.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.pink.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.pink.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.pink.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.pink.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.pink.loader::after {
+    color: #ff8edf;
+}
+
+.ch_dark .ui.ui.brown.elastic.loader::before,
+.ch_dark .ui.brown.basic.elastic.loading.button::before,
+.ch_dark .ui.brown.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.brown.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.brown.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.brown.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.brown.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.brown.loading>i.icon::after,
+.ch_dark .ui.ui.ui.brown.loader::after {
+    color: #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.brown.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.brown.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.brown.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.brown.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.brown.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.brown.loader::after {
+    color: #d67c1c;
+}
+
+.ch_dark .ui.ui.grey.elastic.loader::before,
+.ch_dark .ui.grey.basic.elastic.loading.button::before,
+.ch_dark .ui.grey.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.grey.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.grey.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.grey.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.grey.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.grey.loading>i.icon::after,
+.ch_dark .ui.ui.ui.grey.loader::after {
+    color: #767676;
+}
+
+.ch_dark .ui.inverted.grey.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.grey.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.grey.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.grey.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.grey.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.grey.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.grey.loader::after {
+    color: #dcddde;
+}
+
+.ch_dark .ui.ui.black.elastic.loader::before,
+.ch_dark .ui.black.basic.elastic.loading.button::before,
+.ch_dark .ui.black.basic.elastic.loading.button::after,
+.ch_dark .ui.ui.ui.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.black.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.ui.black.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.black.loading:not(.usual):not(.button)::after,
+.ch_dark .ui.ui.ui.ui.black.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.black.loading>i.icon::after,
+.ch_dark .ui.ui.ui.black.loader::after {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.black.elastic.loader::before,
+.ch_dark .ui.ui.ui.inverted.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,
+.ch_dark .ui.ui.ui.inverted.black.elastic.loading .input>i.icon::before,
+.ch_dark .ui.ui.ui.inverted.black.elastic.loading>i.icon::before,
+.ch_dark .ui.ui.ui.ui.inverted.black.loading:not(.usual)::after,
+.ch_dark .ui.ui.ui.ui.inverted.black.loading .input>i.icon::after,
+.ch_dark .ui.ui.ui.ui.inverted.black.loading>i.icon::after,
+.ch_dark .ui.ui.ui.inverted.black.loader::after {
+    color: #545454;
+}
+
+.ch_dark .ui.ui.ui.ui.elastic.loading.button:not(.inverted):not(.basic)::before {
+    color: #fff;
+}
+
+.ch_dark .ui.elastic.basic.loading.button::before,
+.ch_dark .ui.elastic.basic.loading.button::after {
+    color: #767676;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.card::after,
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.segments::after,
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.segment::after,
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.form::after {
+    border-left-color: rgba(0, 0, 0, 0.1);
+    border-right-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.card:not(.double)::after,
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.segments:not(.double)::after,
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.segment:not(.double)::after,
+.ch_dark .ui.ui.ui.ui.ui.ui.loading.form:not(.double)::after {
+    border-bottom-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.dimmer>.ui.elastic.loader {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.dimmer>.ui.elastic.loader {
+    color: #767676;
+}
+
+/**Placeholder **/
+.ch_dark .ui.placeholder {
+    background-color: #fff;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
+}
+
+.ch_dark .ui.placeholder,
+.ch_dark .ui.placeholder> ::before,
+.ch_dark .ui.placeholder .image.header::after,
+.ch_dark .ui.placeholder .line,
+.ch_dark .ui.placeholder .line::after {
+    background-color: #fff;
+}
+
+.ch_dark .ui.inverted.placeholder {
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
+}
+
+.ch_dark .ui.inverted.placeholder,
+.ch_dark .ui.inverted.placeholder> ::before,
+.ch_dark .ui.inverted.placeholder .image.header::after,
+.ch_dark .ui.inverted.placeholder .line,
+.ch_dark .ui.inverted.placeholder .line::after {
+    background-color: #1b1c1d;
+}
+
+/** Rails **/
+.ch_dark .ui.left.dividing.rail {
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.right.dividing.rail {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/** Segment **/
+.ch_dark .ui.segment {
+    background: var(--blackbackground);
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.vertical.segment {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.inverted.segments .segment>.ui.header .sub.header,
+.ch_dark .ui.inverted.segments .segment>.ui.header,
+.ch_dark .ui.inverted.segment>.ui.header .sub.header,
+.ch_dark .ui.inverted.segment>.ui.header {
+    color: #fff;
+}
+
+.ch_dark .ui.basic.table.segment {
+    background: #fff;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+/** Types Placeholder **/
+.ch_dark .ui.placeholder.segment {
+    background: var(--blackcolor);
+    border-color: rgba(34, 36, 38, 0.15);
+    box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+}
+
+.ch_dark .ui.piled.segments,
+.ch_dark .ui.piled.segment {
+    background-color: #fff;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.piled.segment {
+    background-color: #1b1c1d;
+    border: 1px solid #555555;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.stacked.segments::before,
+.ch_dark .ui.stacked.segments::after,
+.ch_dark .ui.stacked.segment::before,
+.ch_dark .ui.stacked.segment::after {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+    background: rgba(0, 0, 0, 0.03);
+}
+
+.ch_dark .ui.stacked.inverted.segments,
+.ch_dark .ui.stacked.inverted.segment {
+    border: 1px solid rgba(225, 225, 225, 0.5);
+}
+
+.ch_dark .ui.stacked.inverted.segments::before,
+.ch_dark .ui.stacked.inverted.segment::before,
+.ch_dark .ui.stacked.inverted.segments::after,
+.ch_dark .ui.stacked.inverted.segment::after {
+    background-color: rgba(0, 0, 0, 0.03);
+    border-top: 1px solid rgba(225, 225, 225, 0.5);
+}
+
+.ch_dark .ui.ui.raised.segments,
+.ch_dark .ui.ui.raised.segment {
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.ui.inverted.raised.segments,
+.ch_dark .ui.ui.inverted.raised.segment {
+    box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
+}
+
+/** Groups **/
+.ch_dark .ui.segments {
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.segments>.segment {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.segments:not(.horizontal)>.segment:last-child {
+    box-shadow: 0 2px 1px -1px rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.segments>.ui.segments {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.horizontal.segments {
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.segments>.horizontal.segments {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.horizontal.segments>.segment {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/** States Disabled **/
+.ch_dark .ui.disabled.segments,
+.ch_dark .ui.disabled.segment {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+.ch_dark .ui.loading.segments::before,
+.ch_dark .ui.loading.segment::before {
+    background: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.loading.segments::after,
+.ch_dark .ui.loading.segment::after {
+    border: 0.2em solid #767676;
+}
+
+/** Variations Basic **/
+.ch_dark .ui.ui.ui.ui.ui.red.segment:not(.inverted) {
+    border-top: 2px solid #db2828;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.red.segment {
+    background-color: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.red.segment:not(.piled) {
+    border-color: #db2828;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.orange.segment:not(.inverted) {
+    border-top: 2px solid #f2711c;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.orange.segment {
+    background-color: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.orange.segment:not(.piled) {
+    border-color: #f2711c;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.yellow.segment:not(.inverted) {
+    border-top: 2px solid #fbbd08;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.yellow.segment {
+    background-color: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.yellow.segment:not(.piled) {
+    border-color: #fbbd08;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.olive.segment:not(.inverted) {
+    border-top: 2px solid #b5cc18;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.olive.segment {
+    background-color: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.olive.segment:not(.piled) {
+    border-color: #b5cc18;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.green.segment:not(.inverted) {
+    border-top: 2px solid #21ba45;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.green.segment {
+    background-color: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.green.segment:not(.piled) {
+    border-color: #21ba45;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.teal.segment:not(.inverted) {
+    border-top: 2px solid #00b5ad;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.teal.segment {
+    background-color: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.teal.segment:not(.piled) {
+    border-color: #00b5ad;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.blue.segment:not(.inverted) {
+    border-top: 2px solid #2185d0;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.blue.segment {
+    background-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.blue.segment:not(.piled) {
+    border-color: #2185d0;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.violet.segment:not(.inverted) {
+    border-top: 2px solid #6435c9;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.violet.segment {
+    background-color: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.violet.segment:not(.piled) {
+    border-color: #6435c9;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.purple.segment:not(.inverted) {
+    border-top: 2px solid #a333c8;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.purple.segment {
+    background-color: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.purple.segment:not(.piled) {
+    border-color: #a333c8;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.pink.segment:not(.inverted) {
+    border-top: 2px solid #e03997;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.pink.segment {
+    background-color: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.pink.segment:not(.piled) {
+    border-color: #e03997;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.brown.segment:not(.inverted) {
+    border-top: 2px solid #a5673f;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.brown.segment {
+    background-color: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.brown.segment:not(.piled) {
+    border-color: #a5673f;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.grey.segment:not(.inverted) {
+    border-top: 2px solid #767676;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.grey.segment {
+    background-color: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.grey.segment:not(.piled) {
+    border-color: #767676;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.black.segment:not(.inverted) {
+    border-top: 2px solid #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.inverted.black.segment {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.black.segment:not(.piled) {
+    border-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.segments .segment,
+.ch_dark .ui.inverted.segment,
+.ch_dark .ui.primary.inverted.segment {
+    background: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.segment .segment {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.segment .inverted.segment {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.attached.segment {
+    border-color: #555555;
+}
+
+.ch_dark .ui.inverted.loading.segments,
+.ch_dark .ui.inverted.loading.segment {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.loading.segments::before,
+.ch_dark .ui.inverted.loading.segment::before {
+    background: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.secondary.segment {
+    background: var(--blackbackground);
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.secondary.inverted.segment {
+    background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.tertiary.segment {
+    background: #dcddde;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.tertiary.inverted.segment {
+    background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.attached.segment:not(.basic) {
+    border: 1px solid rgb(42, 42, 42);
+}
+
+/** Plural **/
+.ch_dark .ui.steps {
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/** Singular **/
+.ch_dark .ui.steps .step {
+    background: #fff;
+    color: rgba(255, 255, 255, 0.87);
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.steps .step::after {
+    background-color: #fff;
+    border-color: rgba(34, 36, 38, 0.15);
+}
+
+/** Content **/
+.ch_dark .ui.steps .step .description {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** Types Ordered **/
+.ch_dark .ui.vertical.steps .step {
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/** States ** Link Hover **/
+.ch_dark .ui.steps .link.step:hover::after,
+.ch_dark .ui.steps .link.step:hover,
+.ch_dark .ui.steps a.step:hover::after,
+.ch_dark .ui.steps a.step:hover {
+    background: var(--blackcolor);
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.steps .link.step:active::after,
+.ch_dark .ui.steps .link.step:active,
+.ch_dark .ui.steps a.step:active::after,
+.ch_dark .ui.steps a.step:active {
+    background: var(--blackbackground);
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.ch_dark .ui.steps .step.active {
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.steps .step.active::after {
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.steps .step.active .title {
+    color: #4183c4;
+}
+
+.ch_dark .ui.ordered.steps .step.active::before,
+.ch_dark .ui.steps .active.step i.icon {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.steps .link.active.step:hover::after,
+.ch_dark .ui.steps .link.active.step:hover,
+.ch_dark .ui.steps a.active.step:hover::after,
+.ch_dark .ui.steps a.active.step:hover {
+    background: #dcddde;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.steps .step.completed>i.icon::before,
+.ch_dark .ui.ordered.steps .step.completed::before {
+    color: #21ba45;
+}
+
+.ch_dark .ui.steps .disabled.step {
+    background: #fff;
+}
+
+.ch_dark .ui.steps .disabled.step,
+.ch_dark .ui.steps .disabled.step .title,
+.ch_dark .ui.steps .disabled.step .description {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+.ch_dark .ui.steps .disabled.step::after {
+    background: #fff;
+}
+
+.ch_dark .ui.inverted.steps {
+    border: 1px solid #555555;
+}
+
+.ch_dark .ui.inverted.steps .step {
+    color: rgba(0, 0, 0, 0.9);
+    background: #1b1c1d;
+    border-color: #555555;
+}
+
+.ch_dark .ui.inverted.steps .step::after {
+    background-color: #1b1c1d;
+    border-color: #555555;
+}
+
+.ch_dark .ui.inverted.steps .step .description {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.steps .step.active,
+.ch_dark .ui.inverted.steps .step.active::after {
+    background: #333;
+}
+
+.ch_dark .ui.inverted.ordered.steps .step.active::before,
+.ch_dark .ui.inverted.steps .active.step i.icon {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.steps .disabled.step,
+.ch_dark .ui.inverted.steps .disabled.step::after {
+    background: #222;
+}
+
+.ch_dark .ui.inverted.steps .disabled.step,
+.ch_dark .ui.inverted.steps .disabled.step .title,
+.ch_dark .ui.inverted.steps .disabled.step .description {
+    color: rgba(225, 225, 225, 0.3);
+}
+
+.ch_dark .ui.inverted.steps .link.step:hover::after,
+.ch_dark .ui.inverted.steps .link.step:hover,
+.ch_dark .ui.inverted.steps a.step:hover::after,
+.ch_dark .ui.inverted.steps a.step:hover {
+    background: #3f3f3f;
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.steps .link.step:active::after,
+.ch_dark .ui.inverted.steps .link.step:active,
+.ch_dark .ui.inverted.steps a.step:active::after,
+.ch_dark .ui.inverted.steps a.step:active {
+    background: #444;
+    color: var(--blackbackground);
+}
+
+/** Text **/
+.ch_dark span.ui.primary.text {
+    color: #2185d0;
+}
+
+.ch_dark span.ui.inverted.primary.text {
+    color: #54c8ff;
+}
+
+.ch_dark span.ui.secondary.text {
+    color: #1b1c1d;
+}
+
+.ch_dark span.ui.inverted.secondary.text {
+    color: #545454;
+}
+
+.ch_dark span.ui.red.text {
+    color: #db2828;
+}
+
+.ch_dark span.ui.inverted.red.text {
+    color: #ff695e;
+}
+
+.ch_dark span.ui.orange.text {
+    color: #f2711c;
+}
+
+.ch_dark span.ui.inverted.orange.text {
+    color: #ff851b;
+}
+
+.ch_dark span.ui.yellow.text {
+    color: #fbbd08;
+}
+
+.ch_dark span.ui.inverted.yellow.text {
+    color: #ffe21f;
+}
+
+.ch_dark span.ui.olive.text {
+    color: #b5cc18;
+}
+
+.ch_dark span.ui.inverted.olive.text {
+    color: #d9e778;
+}
+
+.ch_dark span.ui.green.text {
+    color: #21ba45;
+}
+
+.ch_dark span.ui.inverted.green.text {
+    color: #2ecc40;
+}
+
+.ch_dark span.ui.teal.text {
+    color: #00b5ad;
+}
+
+.ch_dark span.ui.inverted.teal.text {
+    color: #6dffff;
+}
+
+.ch_dark span.ui.blue.text {
+    color: #2185d0;
+}
+
+.ch_dark span.ui.inverted.blue.text {
+    color: #54c8ff;
+}
+
+.ch_dark span.ui.violet.text {
+    color: #6435c9;
+}
+
+.ch_dark span.ui.inverted.violet.text {
+    color: #a291fb;
+}
+
+.ch_dark span.ui.purple.text {
+    color: #a333c8;
+}
+
+.ch_dark span.ui.inverted.purple.text {
+    color: #dc73ff;
+}
+
+.ch_dark span.ui.pink.text {
+    color: #e03997;
+}
+
+.ch_dark span.ui.inverted.pink.text {
+    color: #ff8edf;
+}
+
+.ch_dark span.ui.brown.text {
+    color: #a5673f;
+}
+
+.ch_dark span.ui.inverted.brown.text {
+    color: #d67c1c;
+}
+
+.ch_dark span.ui.grey.text {
+    color: #767676;
+}
+
+.ch_dark span.ui.inverted.grey.text {
+    color: #dcddde;
+}
+
+.ch_dark span.ui.black.text {
+    color: #1b1c1d;
+}
+
+.ch_dark span.ui.inverted.black.text {
+    color: #545454;
+}
+
+.ch_dark span.ui.error.text {
+    color: #db2828;
+}
+
+.ch_dark span.ui.info.text {
+    color: #31ccec;
+}
+
+.ch_dark span.ui.success.text {
+    color: #21ba45;
+}
+
+.ch_dark span.ui.warning.text {
+    color: #f2c037;
+}
+
+/** Breadcrumb **/
+.ch_dark .ui.breadcrumb .divider {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.breadcrumb a {
+    color: #4183c4;
+}
+
+.ch_dark .ui.breadcrumb a:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.inverted.breadcrumb {
+    color: #dcddde;
+}
+
+.ch_dark .ui.inverted.breadcrumb>.active.section {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.breadcrumb>.divider {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+/** Form **/
+.ch_dark .ui.form:not(.inverted) .field>label:not(.button) {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form input:not([type]),
+.ch_dark .ui.form input[type="color"],
+.ch_dark .ui.form input[type="date"],
+.ch_dark .ui.form input[type="datetime-local"],
+.ch_dark .ui.form input[type="email"],
+.ch_dark .ui.form input[type="month"],
+.ch_dark .ui.form input[type="number"],
+.ch_dark .ui.form input[type="password"],
+.ch_dark .ui.form input[type="search"],
+.ch_dark .ui.form input[type="tel"],
+.ch_dark .ui.form input[type="time"],
+.ch_dark .ui.form input[type="text"],
+.ch_dark .ui.form input[type="file"],
+.ch_dark .ui.form input[type="url"],
+.ch_dark .ui.form input[type="week"] {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    background: #fff;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.input textarea,
+.ch_dark .ui.form textarea {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    background: #000000;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form select {
+    background: #fff;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form .field .prompt.label {
+    background: #fff !important;
+    border: 1px solid var(--Errorcolor) !important;
+    color: #9f3a38 !important;
+}
+
+.ch_dark .ui.form .field .prompt.label li::before {
+    color: #9f3a38;
+}
+
+/** States Autofilled -**/
+.ch_dark .ui.form .field.field input:-webkit-autofill {
+    box-shadow: 0 0 0 100px #fffff0 inset !important;
+    border-color: #e5dfa1 !important;
+}
+
+.ch_dark .ui.form .field.field input:-webkit-autofill:focus {
+    box-shadow: 0 0 0 100px #fffff0 inset !important;
+    border-color: #d5c315 !important;
+}
+
+.ch_dark .ui.form :-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form ::-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form ::placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form :-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87) !important;
+}
+
+.ch_dark .ui.form :focus:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form :focus::-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form :focus::placeholder {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form :focus:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.87) !important;
+}
+
+.ch_dark .ui.form input:not([type]):focus,
+.ch_dark .ui.form input[type="color"]:focus,
+.ch_dark .ui.form input[type="date"]:focus,
+.ch_dark .ui.form input[type="datetime-local"]:focus,
+.ch_dark .ui.form input[type="email"]:focus,
+.ch_dark .ui.form input[type="month"]:focus,
+.ch_dark .ui.form input[type="number"]:focus,
+.ch_dark .ui.form input[type="password"]:focus,
+.ch_dark .ui.form input[type="search"]:focus,
+.ch_dark .ui.form input[type="tel"]:focus,
+.ch_dark .ui.form input[type="time"]:focus,
+.ch_dark .ui.form input[type="text"]:focus,
+.ch_dark .ui.form input[type="file"]:focus,
+.ch_dark .ui.form input[type="url"]:focus,
+.ch_dark .ui.form input[type="week"]:focus {
+    color: rgba(255, 255, 255, 0.95);
+    border-color: #85b7d9;
+    background: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
+}
+
+.ch_dark .ui.form textarea:focus {
+    color: rgba(255, 255, 255, 0.95);
+    border-color: #85b7d9;
+    background: #fff;
+    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
+}
+
+.ch_dark .ui.ui.form .fields.error .field label,
+.ch_dark .ui.ui.form .fields.error .field .ui.label:not(.corner),
+.ch_dark .ui.ui.form .field.error label,
+.ch_dark .ui.ui.form .field.error .ui.label:not(.corner),
+.ch_dark .ui.ui.form .fields.error .field .input,
+.ch_dark .ui.ui.form .field.error .input {
+    color: #9f3a38;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.form .fields:has(.error)>label {
+        color: #9f3a38;
+    }
+}
+
+.ch_dark .ui.form .fields.error .field .ui.label,
+.ch_dark .ui.form .field.error .ui.label {
+    background-color: #ecd1d1;
+}
+
+.ch_dark .ui.form .fields.error .field .corner.label,
+.ch_dark .ui.form .field.error .corner.label {
+    border-color: #9f3a38;
+    color: #fff;
+}
+
+.ch_dark .ui.form .fields.error .field textarea,
+.ch_dark .ui.form .fields.error .field select,
+.ch_dark .ui.form .fields.error .field input:not([type]),
+.ch_dark .ui.form .fields.error .field input[type="color"],
+.ch_dark .ui.form .fields.error .field input[type="date"],
+.ch_dark .ui.form .fields.error .field input[type="datetime-local"],
+.ch_dark .ui.form .fields.error .field input[type="email"],
+.ch_dark .ui.form .fields.error .field input[type="month"],
+.ch_dark .ui.form .fields.error .field input[type="number"],
+.ch_dark .ui.form .fields.error .field input[type="password"],
+.ch_dark .ui.form .fields.error .field input[type="search"],
+.ch_dark .ui.form .fields.error .field input[type="tel"],
+.ch_dark .ui.form .fields.error .field input[type="time"],
+.ch_dark .ui.form .fields.error .field input[type="text"],
+.ch_dark .ui.form .fields.error .field input[type="file"],
+.ch_dark .ui.form .fields.error .field input[type="url"],
+.ch_dark .ui.form .fields.error .field input[type="week"],
+.ch_dark .ui.form .field.error textarea,
+.ch_dark .ui.form .field.error select,
+.ch_dark .ui.form .field.error input:not([type]),
+.ch_dark .ui.form .field.error input[type="color"],
+.ch_dark .ui.form .field.error input[type="date"],
+.ch_dark .ui.form .field.error input[type="datetime-local"],
+.ch_dark .ui.form .field.error input[type="email"],
+.ch_dark .ui.form .field.error input[type="month"],
+.ch_dark .ui.form .field.error input[type="number"],
+.ch_dark .ui.form .field.error input[type="password"],
+.ch_dark .ui.form .field.error input[type="search"],
+.ch_dark .ui.form .field.error input[type="tel"],
+.ch_dark .ui.form .field.error input[type="time"],
+.ch_dark .ui.form .field.error input[type="text"],
+.ch_dark .ui.form .field.error input[type="file"],
+.ch_dark .ui.form .field.error input[type="url"],
+.ch_dark .ui.form .field.error input[type="week"] {
+    color: #9f3a38;
+    background: #fff6f6;
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.form:not(.initial) .field input:invalid {
+    color: #9f3a38;
+    background: #fff6f6;
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.form .field.error textarea:focus,
+.ch_dark .ui.form .field.error select:focus,
+.ch_dark .ui.form .field.error input:not([type]):focus,
+.ch_dark .ui.form .field.error input[type="color"]:focus,
+.ch_dark .ui.form .field.error input[type="date"]:focus,
+.ch_dark .ui.form .field.error input[type="datetime-local"]:focus,
+.ch_dark .ui.form .field.error input[type="email"]:focus,
+.ch_dark .ui.form .field.error input[type="month"]:focus,
+.ch_dark .ui.form .field.error input[type="number"]:focus,
+.ch_dark .ui.form .field.error input[type="password"]:focus,
+.ch_dark .ui.form .field.error input[type="search"]:focus,
+.ch_dark .ui.form .field.error input[type="tel"]:focus,
+.ch_dark .ui.form .field.error input[type="time"]:focus,
+.ch_dark .ui.form .field.error input[type="text"]:focus,
+.ch_dark .ui.form .field.error input[type="file"]:focus,
+.ch_dark .ui.form .field.error input[type="url"]:focus,
+.ch_dark .ui.form .field.error input[type="week"]:focus {
+    background: #fff6f6;
+    border-color: var(--Errorcolor);
+    color: #9f3a38;
+}
+
+.ch_dark .ui.form .field.error .transparent.input input,
+.ch_dark .ui.form .field.error .transparent.input textarea,
+.ch_dark .ui.form .field.error input.transparent,
+.ch_dark .ui.form .field.error textarea.transparent {
+    background-color: #fff6f6 !important;
+    color: #9f3a38 !important;
+}
+
+.ch_dark .ui.form .error.error input:-webkit-autofill {
+    box-shadow: 0 0 0 100px #fffaf0 inset !important;
+    border-color: var(--Errorcolor) !important;
+}
+
+.ch_dark .ui.form .error :-ms-input-placeholder {
+    color: #e7bdbc;
+}
+
+.ch_dark .ui.form .error ::-ms-input-placeholder {
+    color: #e7bdbc;
+}
+
+.ch_dark .ui.form .error ::placeholder {
+    color: #e7bdbc;
+}
+
+.ch_dark .ui.form .error :-ms-input-placeholder {
+    color: #e7bdbc !important;
+}
+
+.ch_dark .ui.form .error :focus:-ms-input-placeholder {
+    color: #da9796;
+}
+
+.ch_dark .ui.form .error :focus::-ms-input-placeholder {
+    color: #da9796;
+}
+
+.ch_dark .ui.form .error :focus::placeholder {
+    color: #da9796;
+}
+
+.ch_dark .ui.form .error :focus:-ms-input-placeholder {
+    color: #da9796 !important;
+}
+
+/* Dropdown State **/
+.ch_dark .ui.form .fields.error .field .ui.dropdown,
+.ch_dark .ui.form .fields.error .field .ui.dropdown .item,
+.ch_dark .ui.form .field.error .ui.dropdown,
+.ch_dark .ui.form .field.error .ui.dropdown>.text,
+.ch_dark .ui.form .field.error .ui.dropdown .item {
+    background: #fff6f6;
+    color: #9f3a38;
+}
+
+.ch_dark .ui.form .fields.error .field .ui.dropdown,
+.ch_dark .ui.form .field.error .ui.dropdown {
+    border-color: var(--Errorcolor) !important;
+}
+
+.ch_dark .ui.form .fields.error .field .ui.dropdown:hover,
+.ch_dark .ui.form .field.error .ui.dropdown:hover {
+    border-color: var(--Errorcolor) !important;
+}
+
+.ch_dark .ui.form .fields.error .field .ui.dropdown:hover .menu,
+.ch_dark .ui.form .field.error .ui.dropdown:hover .menu {
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.form .fields.error .field .ui.multiple.selection.dropdown>.label,
+.ch_dark .ui.form .field.error .ui.multiple.selection.dropdown>.label {
+    background-color: #eacbcb;
+    color: #9f3a38;
+}
+
+.ch_dark .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
+.ch_dark .ui.form .field.error .ui.dropdown .menu .item:hover {
+    background-color: #fbe7e7;
+}
+
+.ch_dark .ui.form .fields.error .field .ui.dropdown .menu .selected.item,
+.ch_dark .ui.form .field.error .ui.dropdown .menu .selected.item {
+    background-color: #fbe7e7;
+}
+
+.ch_dark .ui.form .fields.error .field .ui.dropdown .menu .active.item,
+.ch_dark .ui.form .field.error .ui.dropdown .menu .active.item {
+    background-color: #fdcfcf !important;
+}
+
+/** Checkbox State **/
+.ch_dark .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
+.ch_dark .ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
+    color: #9f3a38;
+}
+
+.ch_dark .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label::before,
+.ch_dark .ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before {
+    background: #fff6f6;
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.form .fields.error .field .checkbox label::after,
+.ch_dark .ui.form .field.error .checkbox label::after {
+    color: #9f3a38;
+}
+
+.ch_dark .ui.inverted.form .fields.error .field label,
+.ch_dark .ui.inverted.form .error.field label {
+    color: #ecd1d1;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.inverted.form .fields:has(.error)>label {
+        color: #ecd1d1;
+    }
+}
+
+.ch_dark .ui.ui.form .fields.info .field label,
+.ch_dark .ui.ui.form .fields.info .field .ui.label:not(.corner),
+.ch_dark .ui.ui.form .field.info label,
+.ch_dark .ui.ui.form .field.info .ui.label:not(.corner),
+.ch_dark .ui.ui.form .fields.info .field .input,
+.ch_dark .ui.ui.form .field.info .input {
+    color: #276f86;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.form .fields:has(.info)>label {
+        color: #276f86;
+    }
+}
+
+.ch_dark .ui.form .fields.info .field .ui.label,
+.ch_dark .ui.form .field.info .ui.label {
+    background-color: #c6e3e9;
+}
+
+.ch_dark .ui.form .fields.info .field .corner.label,
+.ch_dark .ui.form .field.info .corner.label {
+    border-color: #276f86;
+    color: #fff;
+}
+
+.ch_dark .ui.form .fields.info .field textarea,
+.ch_dark .ui.form .fields.info .field select,
+.ch_dark .ui.form .fields.info .field input:not([type]),
+.ch_dark .ui.form .fields.info .field input[type="color"],
+.ch_dark .ui.form .fields.info .field input[type="date"],
+.ch_dark .ui.form .fields.info .field input[type="datetime-local"],
+.ch_dark .ui.form .fields.info .field input[type="email"],
+.ch_dark .ui.form .fields.info .field input[type="month"],
+.ch_dark .ui.form .fields.info .field input[type="number"],
+.ch_dark .ui.form .fields.info .field input[type="password"],
+.ch_dark .ui.form .fields.info .field input[type="search"],
+.ch_dark .ui.form .fields.info .field input[type="tel"],
+.ch_dark .ui.form .fields.info .field input[type="time"],
+.ch_dark .ui.form .fields.info .field input[type="text"],
+.ch_dark .ui.form .fields.info .field input[type="file"],
+.ch_dark .ui.form .fields.info .field input[type="url"],
+.ch_dark .ui.form .fields.info .field input[type="week"],
+.ch_dark .ui.form .field.info textarea,
+.ch_dark .ui.form .field.info select,
+.ch_dark .ui.form .field.info input:not([type]),
+.ch_dark .ui.form .field.info input[type="color"],
+.ch_dark .ui.form .field.info input[type="date"],
+.ch_dark .ui.form .field.info input[type="datetime-local"],
+.ch_dark .ui.form .field.info input[type="email"],
+.ch_dark .ui.form .field.info input[type="month"],
+.ch_dark .ui.form .field.info input[type="number"],
+.ch_dark .ui.form .field.info input[type="password"],
+.ch_dark .ui.form .field.info input[type="search"],
+.ch_dark .ui.form .field.info input[type="tel"],
+.ch_dark .ui.form .field.info input[type="time"],
+.ch_dark .ui.form .field.info input[type="text"],
+.ch_dark .ui.form .field.info input[type="file"],
+.ch_dark .ui.form .field.info input[type="url"],
+.ch_dark .ui.form .field.info input[type="week"] {
+    background: var(--Infobgcolor);
+    border-color: var(--Infocolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.form .field.info textarea:focus,
+.ch_dark .ui.form .field.info select:focus,
+.ch_dark .ui.form .field.info input:not([type]):focus,
+.ch_dark .ui.form .field.info input[type="color"]:focus,
+.ch_dark .ui.form .field.info input[type="date"]:focus,
+.ch_dark .ui.form .field.info input[type="datetime-local"]:focus,
+.ch_dark .ui.form .field.info input[type="email"]:focus,
+.ch_dark .ui.form .field.info input[type="month"]:focus,
+.ch_dark .ui.form .field.info input[type="number"]:focus,
+.ch_dark .ui.form .field.info input[type="password"]:focus,
+.ch_dark .ui.form .field.info input[type="search"]:focus,
+.ch_dark .ui.form .field.info input[type="tel"]:focus,
+.ch_dark .ui.form .field.info input[type="time"]:focus,
+.ch_dark .ui.form .field.info input[type="text"]:focus,
+.ch_dark .ui.form .field.info input[type="file"]:focus,
+.ch_dark .ui.form .field.info input[type="url"]:focus,
+.ch_dark .ui.form .field.info input[type="week"]:focus {
+    background: var(--Infobgcolor);
+    border-color: var(--Infocolor);
+    color: #eaecee;
+}
+
+/* input State - Transparent **/
+.ch_dark .ui.form .field.info .transparent.input input,
+.ch_dark .ui.form .field.info .transparent.input textarea,
+.ch_dark .ui.form .field.info input.transparent,
+.ch_dark .ui.form .field.info textarea.transparent {
+    background: var(--Infobgcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.form .info.info input:-webkit-autofill {
+    box-shadow: 0 0 0 100px #f0faff inset !important;
+    border-color: #b3e0e0 !important;
+}
+
+.ch_dark .ui.form .info :-ms-input-placeholder {
+    color: #98cfe1;
+}
+
+.ch_dark .ui.form .info ::-ms-input-placeholder {
+    color: #98cfe1;
+}
+
+.ch_dark .ui.form .info ::placeholder {
+    color: #98cfe1;
+}
+
+.ch_dark .ui.form .info :-ms-input-placeholder {
+    color: #98cfe1 !important;
+}
+
+.ch_dark .ui.form .info :focus:-ms-input-placeholder {
+    color: #70bdd6;
+}
+
+.ch_dark .ui.form .info :focus::-ms-input-placeholder {
+    color: #70bdd6;
+}
+
+.ch_dark .ui.form .info :focus::placeholder {
+    color: #70bdd6;
+}
+
+.ch_dark .ui.form .info :focus:-ms-input-placeholder {
+    color: #70bdd6 !important;
+}
+
+/* Dropdown State **/
+.ch_dark .ui.form .fields.info .field .ui.dropdown,
+.ch_dark .ui.form .fields.info .field .ui.dropdown .item,
+.ch_dark .ui.form .field.info .ui.dropdown,
+.ch_dark .ui.form .field.info .ui.dropdown>.text,
+.ch_dark .ui.form .field.info .ui.dropdown .item {
+    background: var(--Infobgcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.dropdown,
+.ch_dark .ui.form .field.info .ui.dropdown {
+    border-color: #a9d5de !important;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.dropdown:hover,
+.ch_dark .ui.form .field.info .ui.dropdown:hover {
+    border-color: #a9d5de !important;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.dropdown:hover .menu,
+.ch_dark .ui.form .field.info .ui.dropdown:hover .menu {
+    border-color: #a9d5de;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.multiple.selection.dropdown>.label,
+.ch_dark .ui.form .field.info .ui.multiple.selection.dropdown>.label {
+    background-color: #cce3ea;
+    color: #276f86;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.dropdown .menu .item:hover,
+.ch_dark .ui.form .field.info .ui.dropdown .menu .item:hover {
+    background-color: #e9f2fb;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.dropdown .menu .selected.item,
+.ch_dark .ui.form .field.info .ui.dropdown .menu .selected.item {
+    background-color: #e9f2fb;
+}
+
+.ch_dark .ui.form .fields.info .field .ui.dropdown .menu .active.item,
+.ch_dark .ui.form .field.info .ui.dropdown .menu .active.item {
+    background-color: #cef1fd !important;
+}
+
+/** Checkbox State **/
+.ch_dark .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
+.ch_dark .ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
+    color: #276f86;
+}
+
+.ch_dark .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label::before,
+.ch_dark .ui.form .field.info .checkbox:not(.toggle):not(.slider) label::before {
+    background: var(--Infobgcolor);
+    border-color: var(--Infocolor);
+}
+
+.ch_dark .ui.form .fields.info .field .checkbox label::after,
+.ch_dark .ui.form .field.info .checkbox label::after {
+    color: #276f86;
+}
+
+.ch_dark .ui.inverted.form .fields.info .field label,
+.ch_dark .ui.inverted.form .info.field label {
+    color: #c6e3e9;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.inverted.form .fields:has(.info)>label {
+        color: #c6e3e9;
+    }
+}
+
+.ch_dark .ui.ui.form .fields.success .field label,
+.ch_dark .ui.ui.form .fields.success .field .ui.label:not(.corner),
+.ch_dark .ui.ui.form .field.success label,
+.ch_dark .ui.ui.form .field.success .ui.label:not(.corner),
+.ch_dark .ui.ui.form .fields.success .field .input,
+.ch_dark .ui.ui.form .field.success .input {
+    color: #2c662d;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.form .fields:has(.success)>label {
+        color: #2c662d;
+    }
+}
+
+.ch_dark .ui.form .fields.success .field .ui.label,
+.ch_dark .ui.form .field.success .ui.label {
+    background-color: #b9d1ad;
+}
+
+.ch_dark .ui.form .fields.success .field .corner.label,
+.ch_dark .ui.form .field.success .corner.label {
+    border-color: #2c662d;
+    color: #fff;
+}
+
+.ch_dark .ui.form .fields.success .field textarea,
+.ch_dark .ui.form .fields.success .field select,
+.ch_dark .ui.form .fields.success .field input:not([type]),
+.ch_dark .ui.form .fields.success .field input[type="color"],
+.ch_dark .ui.form .fields.success .field input[type="date"],
+.ch_dark .ui.form .fields.success .field input[type="datetime-local"],
+.ch_dark .ui.form .fields.success .field input[type="email"],
+.ch_dark .ui.form .fields.success .field input[type="month"],
+.ch_dark .ui.form .fields.success .field input[type="number"],
+.ch_dark .ui.form .fields.success .field input[type="password"],
+.ch_dark .ui.form .fields.success .field input[type="search"],
+.ch_dark .ui.form .fields.success .field input[type="tel"],
+.ch_dark .ui.form .fields.success .field input[type="time"],
+.ch_dark .ui.form .fields.success .field input[type="text"],
+.ch_dark .ui.form .fields.success .field input[type="file"],
+.ch_dark .ui.form .fields.success .field input[type="url"],
+.ch_dark .ui.form .fields.success .field input[type="week"],
+.ch_dark .ui.form .field.success textarea,
+.ch_dark .ui.form .field.success select,
+.ch_dark .ui.form .field.success input:not([type]),
+.ch_dark .ui.form .field.success input[type="color"],
+.ch_dark .ui.form .field.success input[type="date"],
+.ch_dark .ui.form .field.success input[type="datetime-local"],
+.ch_dark .ui.form .field.success input[type="email"],
+.ch_dark .ui.form .field.success input[type="month"],
+.ch_dark .ui.form .field.success input[type="number"],
+.ch_dark .ui.form .field.success input[type="password"],
+.ch_dark .ui.form .field.success input[type="search"],
+.ch_dark .ui.form .field.success input[type="tel"],
+.ch_dark .ui.form .field.success input[type="time"],
+.ch_dark .ui.form .field.success input[type="text"],
+.ch_dark .ui.form .field.success input[type="file"],
+.ch_dark .ui.form .field.success input[type="url"],
+.ch_dark .ui.form .field.success input[type="week"] {
+    color: #2c662d;
+    background: #fcfff5;
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.form .field.success textarea:focus,
+.ch_dark .ui.form .field.success select:focus,
+.ch_dark .ui.form .field.success input:not([type]):focus,
+.ch_dark .ui.form .field.success input[type="color"]:focus,
+.ch_dark .ui.form .field.success input[type="date"]:focus,
+.ch_dark .ui.form .field.success input[type="datetime-local"]:focus,
+.ch_dark .ui.form .field.success input[type="email"]:focus,
+.ch_dark .ui.form .field.success input[type="month"]:focus,
+.ch_dark .ui.form .field.success input[type="number"]:focus,
+.ch_dark .ui.form .field.success input[type="password"]:focus,
+.ch_dark .ui.form .field.success input[type="search"]:focus,
+.ch_dark .ui.form .field.success input[type="tel"]:focus,
+.ch_dark .ui.form .field.success input[type="time"]:focus,
+.ch_dark .ui.form .field.success input[type="text"]:focus,
+.ch_dark .ui.form .field.success input[type="file"]:focus,
+.ch_dark .ui.form .field.success input[type="url"]:focus,
+.ch_dark .ui.form .field.success input[type="week"]:focus {
+    background: #fcfff5;
+    border-color: #a3c293;
+    color: #2c662d;
+}
+
+/* input State - Transparent **/
+.ch_dark .ui.form .field.success .transparent.input input,
+.ch_dark .ui.form .field.success .transparent.input textarea,
+.ch_dark .ui.form .field.success input.transparent,
+.ch_dark .ui.form .field.success textarea.transparent {
+    background-color: #fcfff5 !important;
+    color: #2c662d !important;
+}
+
+.ch_dark .ui.form .success.success input:-webkit-autofill {
+    box-shadow: 0 0 0 100px #f0fff0 inset !important;
+    border-color: #bee0b3 !important;
+}
+
+.ch_dark .ui.form .success :-ms-input-placeholder {
+    color: #8fcf90;
+}
+
+.ch_dark .ui.form .success ::-ms-input-placeholder {
+    color: #8fcf90;
+}
+
+.ch_dark .ui.form .success ::placeholder {
+    color: #8fcf90;
+}
+
+.ch_dark .ui.form .success :-ms-input-placeholder {
+    color: #8fcf90 !important;
+}
+
+.ch_dark .ui.form .success :focus:-ms-input-placeholder {
+    color: #6cbf6d;
+}
+
+.ch_dark .ui.form .success :focus::-ms-input-placeholder {
+    color: #6cbf6d;
+}
+
+.ch_dark .ui.form .success :focus::placeholder {
+    color: #6cbf6d;
+}
+
+.ch_dark .ui.form .success :focus:-ms-input-placeholder {
+    color: #6cbf6d !important;
+}
+
+/* Dropdown State **/
+.ch_dark .ui.form .fields.success .field .ui.dropdown,
+.ch_dark .ui.form .fields.success .field .ui.dropdown .item,
+.ch_dark .ui.form .field.success .ui.dropdown,
+.ch_dark .ui.form .field.success .ui.dropdown>.text,
+.ch_dark .ui.form .field.success .ui.dropdown .item {
+    background: #fcfff5;
+    color: #2c662d;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.dropdown,
+.ch_dark .ui.form .field.success .ui.dropdown {
+    border-color: #a3c293 !important;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.dropdown:hover,
+.ch_dark .ui.form .field.success .ui.dropdown:hover {
+    border-color: #a3c293 !important;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.dropdown:hover .menu,
+.ch_dark .ui.form .field.success .ui.dropdown:hover .menu {
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.multiple.selection.dropdown>.label,
+.ch_dark .ui.form .field.success .ui.multiple.selection.dropdown>.label {
+    background-color: #cceacc;
+    color: #2c662d;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.dropdown .menu .item:hover,
+.ch_dark .ui.form .field.success .ui.dropdown .menu .item:hover {
+    background-color: #e9fbe9;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.dropdown .menu .selected.item,
+.ch_dark .ui.form .field.success .ui.dropdown .menu .selected.item {
+    background-color: #e9fbe9;
+}
+
+.ch_dark .ui.form .fields.success .field .ui.dropdown .menu .active.item,
+.ch_dark .ui.form .field.success .ui.dropdown .menu .active.item {
+    background-color: #dafdce !important;
+}
+
+/** Checkbox State **/
+.ch_dark .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
+.ch_dark .ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
+    color: #2c662d;
+}
+
+.ch_dark .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label::before,
+.ch_dark .ui.form .field.success .checkbox:not(.toggle):not(.slider) label::before {
+    background: #fcfff5;
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.form .fields.success .field .checkbox label::after,
+.ch_dark .ui.form .field.success .checkbox label::after {
+    color: #2c662d;
+}
+
+.ch_dark .ui.inverted.form .fields.success .field label,
+.ch_dark .ui.inverted.form .success.field label {
+    color: #b9d1ad;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.inverted.form .fields:has(.success)>label {
+        color: #b9d1ad;
+    }
+}
+
+.ch_dark .ui.ui.form .fields.warning .field label,
+.ch_dark .ui.ui.form .fields.warning .field .ui.label:not(.corner),
+.ch_dark .ui.ui.form .field.warning label,
+.ch_dark .ui.ui.form .field.warning .ui.label:not(.corner),
+.ch_dark .ui.ui.form .fields.warning .field .input,
+.ch_dark .ui.ui.form .field.warning .input {
+    color: #573a08;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.form .fields:has(.warning)>label {
+        color: #573a08;
+    }
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.label,
+.ch_dark .ui.form .field.warning .ui.label {
+    background-color: #d7ccb5;
+}
+
+.ch_dark .ui.form .fields.warning .field .corner.label,
+.ch_dark .ui.form .field.warning .corner.label {
+    border-color: #573a08;
+    color: #fff;
+}
+
+.ch_dark .ui.form .fields.warning .field textarea,
+.ch_dark .ui.form .fields.warning .field select,
+.ch_dark .ui.form .fields.warning .field input:not([type]),
+.ch_dark .ui.form .fields.warning .field input[type="color"],
+.ch_dark .ui.form .fields.warning .field input[type="date"],
+.ch_dark .ui.form .fields.warning .field input[type="datetime-local"],
+.ch_dark .ui.form .fields.warning .field input[type="email"],
+.ch_dark .ui.form .fields.warning .field input[type="month"],
+.ch_dark .ui.form .fields.warning .field input[type="number"],
+.ch_dark .ui.form .fields.warning .field input[type="password"],
+.ch_dark .ui.form .fields.warning .field input[type="search"],
+.ch_dark .ui.form .fields.warning .field input[type="tel"],
+.ch_dark .ui.form .fields.warning .field input[type="time"],
+.ch_dark .ui.form .fields.warning .field input[type="text"],
+.ch_dark .ui.form .fields.warning .field input[type="file"],
+.ch_dark .ui.form .fields.warning .field input[type="url"],
+.ch_dark .ui.form .fields.warning .field input[type="week"],
+.ch_dark .ui.form .field.warning textarea,
+.ch_dark .ui.form .field.warning select,
+.ch_dark .ui.form .field.warning input:not([type]),
+.ch_dark .ui.form .field.warning input[type="color"],
+.ch_dark .ui.form .field.warning input[type="date"],
+.ch_dark .ui.form .field.warning input[type="datetime-local"],
+.ch_dark .ui.form .field.warning input[type="email"],
+.ch_dark .ui.form .field.warning input[type="month"],
+.ch_dark .ui.form .field.warning input[type="number"],
+.ch_dark .ui.form .field.warning input[type="password"],
+.ch_dark .ui.form .field.warning input[type="search"],
+.ch_dark .ui.form .field.warning input[type="tel"],
+.ch_dark .ui.form .field.warning input[type="time"],
+.ch_dark .ui.form .field.warning input[type="text"],
+.ch_dark .ui.form .field.warning input[type="file"],
+.ch_dark .ui.form .field.warning input[type="url"],
+.ch_dark .ui.form .field.warning input[type="week"] {
+    color: #eaecee;
+    ;
+    background: var(--warningbgcolor);
+    border-color: var(--warningcolor);
+}
+
+.ch_dark .ui.form .field.warning textarea:focus,
+.ch_dark .ui.form .field.warning select:focus,
+.ch_dark .ui.form .field.warning input:not([type]):focus,
+.ch_dark .ui.form .field.warning input[type="color"]:focus,
+.ch_dark .ui.form .field.warning input[type="date"]:focus,
+.ch_dark .ui.form .field.warning input[type="datetime-local"]:focus,
+.ch_dark .ui.form .field.warning input[type="email"]:focus,
+.ch_dark .ui.form .field.warning input[type="month"]:focus,
+.ch_dark .ui.form .field.warning input[type="number"]:focus,
+.ch_dark .ui.form .field.warning input[type="password"]:focus,
+.ch_dark .ui.form .field.warning input[type="search"]:focus,
+.ch_dark .ui.form .field.warning input[type="tel"]:focus,
+.ch_dark .ui.form .field.warning input[type="time"]:focus,
+.ch_dark .ui.form .field.warning input[type="text"]:focus,
+.ch_dark .ui.form .field.warning input[type="file"]:focus,
+.ch_dark .ui.form .field.warning input[type="url"]:focus,
+.ch_dark .ui.form .field.warning input[type="week"]:focus {
+    background: var(--warningbgcolor);
+    border-color: var(--warningcolor);
+    color: #eaecee;
+}
+
+/* input State - Transparent **/
+.ch_dark .ui.form .field.warning .transparent.input input,
+.ch_dark .ui.form .field.warning .transparent.input textarea,
+.ch_dark .ui.form .field.warning input.transparent,
+.ch_dark .ui.form .field.warning textarea.transparent {
+    background-color: var(--warningbgcolor) !important;
+    color: #eaecee !important;
+}
+
+.ch_dark .ui.form .warning.warning input:-webkit-autofill {
+    box-shadow: 0 0 0 100px #ffffe0 inset !important;
+    border-color: #e0e0b3 !important;
+}
+
+.ch_dark .ui.form .warning :-ms-input-placeholder {
+    color: #edad3e;
+}
+
+.ch_dark .ui.form .warning ::-ms-input-placeholder {
+    color: #edad3e;
+}
+
+.ch_dark .ui.form .warning ::placeholder {
+    color: #edad3e;
+}
+
+.ch_dark .ui.form .warning :-ms-input-placeholder {
+    color: #edad3e !important;
+}
+
+.ch_dark .ui.form .warning :focus:-ms-input-placeholder {
+    color: #e39715;
+}
+
+.ch_dark .ui.form .warning :focus::-ms-input-placeholder {
+    color: #e39715;
+}
+
+.ch_dark .ui.form .warning :focus::placeholder {
+    color: #e39715;
+}
+
+.ch_dark .ui.form .warning :focus:-ms-input-placeholder {
+    color: #e39715 !important;
+}
+
+/* Dropdown State **/
+.ch_dark .ui.form .fields.warning .field .ui.dropdown,
+.ch_dark .ui.form .fields.warning .field .ui.dropdown .item,
+.ch_dark .ui.form .field.warning .ui.dropdown,
+.ch_dark .ui.form .field.warning .ui.dropdown>.text,
+.ch_dark .ui.form .field.warning .ui.dropdown .item {
+    background: var(--warningbgcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.dropdown,
+.ch_dark .ui.form .field.warning .ui.dropdown {
+    border-color: #c9ba9b !important;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.dropdown:hover,
+.ch_dark .ui.form .field.warning .ui.dropdown:hover {
+    border-color: #c9ba9b !important;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.dropdown:hover .menu,
+.ch_dark .ui.form .field.warning .ui.dropdown:hover .menu {
+    border-color: #c9ba9b;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.multiple.selection.dropdown>.label,
+.ch_dark .ui.form .field.warning .ui.multiple.selection.dropdown>.label {
+    background-color: #eaeacc;
+    color: #573a08;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
+.ch_dark .ui.form .field.warning .ui.dropdown .menu .item:hover {
+    background-color: #fbfbe9;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
+.ch_dark .ui.form .field.warning .ui.dropdown .menu .selected.item {
+    background-color: #fbfbe9;
+}
+
+.ch_dark .ui.form .fields.warning .field .ui.dropdown .menu .active.item,
+.ch_dark .ui.form .field.warning .ui.dropdown .menu .active.item {
+    background-color: #fdfdce !important;
+}
+
+/** Checkbox State **/
+.ch_dark .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
+.ch_dark .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
+    color: #573a08;
+}
+
+.ch_dark .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label::before,
+.ch_dark .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label::before {
+    background: var(--warningbgcolor);
+    border-color: var(--warningcolor);
+}
+
+.ch_dark .ui.form .fields.warning .field .checkbox label::after,
+.ch_dark .ui.form .field.warning .checkbox label::after {
+    color: #573a08;
+}
+
+.ch_dark .ui.inverted.form .fields.warning .field label,
+.ch_dark .ui.inverted.form .warning.field label {
+    color: #d7ccb5;
+}
+
+@supports selector(:has(.f)) {
+    .ch_dark .ui.inverted.form .fields:has(.warning)>label {
+        color: #d7ccb5;
+    }
+}
+
+.ch_dark .ui.loading.form::before {
+    background: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.loading.form::after {
+    border: 0.2em solid #767676;
+}
+
+/** Element Types Required Field -**/
+.ch_dark .ui.form .required.fields:not(.grouped):not(.inline)>.field>label::after,
+.ch_dark .ui.form .required.fields.inline>label::after,
+.ch_dark .ui.form .required.fields.grouped>label::after,
+.ch_dark .ui.form .required.field>label::after,
+.ch_dark .ui.form .required.fields:not(.grouped):not(.inline)>.field>.checkbox::after,
+.ch_dark .ui.form .required.field>.checkbox::after,
+.ch_dark .ui.form label.required::after {
+    color: #db2828;
+}
+
+/** Variations Inverted Colors -**/
+.ch_dark .ui.inverted.form label,
+.ch_dark .ui.form .inverted.segment label,
+.ch_dark .ui.form .inverted.segment .ui.checkbox label,
+.ch_dark .ui.inverted.form .ui.checkbox label,
+.ch_dark .ui.inverted.form .inline.fields>label,
+.ch_dark .ui.inverted.form .inline.fields .field>label,
+.ch_dark .ui.inverted.form .inline.fields .field>p,
+.ch_dark .ui.inverted.form .inline.field>label,
+.ch_dark .ui.inverted.form .inline.field>p {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.loading.form {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.loading.form::before {
+    background: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.inverted.form input:not([type]),
+.ch_dark .ui.inverted.form input[type="color"],
+.ch_dark .ui.inverted.form input[type="date"],
+.ch_dark .ui.inverted.form input[type="datetime-local"],
+.ch_dark .ui.inverted.form input[type="email"],
+.ch_dark .ui.inverted.form input[type="month"],
+.ch_dark .ui.inverted.form input[type="number"],
+.ch_dark .ui.inverted.form input[type="password"],
+.ch_dark .ui.inverted.form input[type="search"],
+.ch_dark .ui.inverted.form input[type="tel"],
+.ch_dark .ui.inverted.form input[type="time"],
+.ch_dark .ui.inverted.form input[type="text"],
+.ch_dark .ui.inverted.form input[type="file"],
+.ch_dark .ui.inverted.form input[type="url"],
+.ch_dark .ui.inverted.form input[type="week"] {
+    background: #fff;
+    border-color: rgba(255, 255, 255, 0.1);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form .grouped.fields>label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.form .inline.fields>label,
+.ch_dark .ui.form .inline.fields .field>label,
+.ch_dark .ui.form .inline.fields .field>p,
+.ch_dark .ui.form .inline.field>label,
+.ch_dark .ui.form .inline.field>p {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/*!#Grid ** Standard **/
+.ch_dark .ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),
+.ch_dark .ui.divided.grid:not([class*="vertically divided"])>.row>.column {
+    box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.grid>.divided.row>.column {
+    box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui[class*="vertically divided"].grid>.row::before {
+    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),
+.ch_dark .ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column {
+    box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.inverted[class*="vertically divided"].grid>.row::before {
+    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.celled.grid {
+    box-shadow: 0 0 0 1px #d4d4d5;
+}
+
+.ch_dark .ui.celled.grid>.row {
+    box-shadow: 0 -1px 0 0 #d4d4d5;
+}
+
+.ch_dark .ui.celled.grid>.column:not(.row),
+.ch_dark .ui.celled.grid>.row>.column {
+    box-shadow: -1px 0 0 0 #d4d4d5;
+}
+
+.ch_dark .ui.grid>.primary.row,
+.ch_dark .ui.grid>.primary.column,
+.ch_dark .ui.grid>.row>.primary.column {
+    background-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.secondary.row,
+.ch_dark .ui.grid>.secondary.column,
+.ch_dark .ui.grid>.row>.secondary.column {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.red.row,
+.ch_dark .ui.grid>.red.column,
+.ch_dark .ui.grid>.row>.red.column {
+    background-color: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.orange.row,
+.ch_dark .ui.grid>.orange.column,
+.ch_dark .ui.grid>.row>.orange.column {
+    background-color: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.yellow.row,
+.ch_dark .ui.grid>.yellow.column,
+.ch_dark .ui.grid>.row>.yellow.column {
+    background-color: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.olive.row,
+.ch_dark .ui.grid>.olive.column,
+.ch_dark .ui.grid>.row>.olive.column {
+    background-color: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.green.row,
+.ch_dark .ui.grid>.green.column,
+.ch_dark .ui.grid>.row>.green.column {
+    background-color: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.teal.row,
+.ch_dark .ui.grid>.teal.column,
+.ch_dark .ui.grid>.row>.teal.column {
+    background-color: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.blue.row,
+.ch_dark .ui.grid>.blue.column,
+.ch_dark .ui.grid>.row>.blue.column {
+    background-color: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.violet.row,
+.ch_dark .ui.grid>.violet.column,
+.ch_dark .ui.grid>.row>.violet.column {
+    background-color: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.purple.row,
+.ch_dark .ui.grid>.purple.column,
+.ch_dark .ui.grid>.row>.purple.column {
+    background-color: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.pink.row,
+.ch_dark .ui.grid>.pink.column,
+.ch_dark .ui.grid>.row>.pink.column {
+    background-color: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.brown.row,
+.ch_dark .ui.grid>.brown.column,
+.ch_dark .ui.grid>.row>.brown.column {
+    background-color: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.grey.row,
+.ch_dark .ui.grid>.grey.column,
+.ch_dark .ui.grid>.row>.grey.column {
+    background-color: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.grid>.black.row,
+.ch_dark .ui.grid>.black.column,
+.ch_dark .ui.grid>.row>.black.column {
+    background-color: #1b1c1d;
+    color: #fff;
+}
+
+@media only screen and (max-width: 767.98px) {
+    .ch_dark .ui[class*="mobile reversed"].celled.grid>.row>.column:first-child {
+        box-shadow: -1px 0 0 0 #d4d4d5;
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
+    .ch_dark .ui[class*="tablet reversed"].celled.grid>.row>.column:first-child {
+        box-shadow: -1px 0 0 0 #d4d4d5;
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .ch_dark .ui[class*="computer reversed"].celled.grid>.row>.column:first-child {
+        box-shadow: -1px 0 0 0 #d4d4d5;
+    }
+}
+
+/*!#Menu ** Standard Menu **/
+.ch_dark .ui.menu {
+    background: var(--blackbackground);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.menu .item {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.menu .item::before {
+    background: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.menu .dropdown.item .menu {
+    background: #fff;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.ch_dark .ui.menu .ui.dropdown .menu>.item {
+    color: rgba(255, 255, 255, 0.87) !important;
+}
+
+.ch_dark .ui.menu .ui.dropdown .menu>.item:hover {
+    background: rgba(0, 0, 0, 0.05) !important;
+    color: rgba(255, 255, 255, 0.95) !important;
+}
+
+.ch_dark .ui.menu .ui.dropdown .menu>.selected.item {
+    background: rgba(0, 0, 0, 0.05) !important;
+    color: rgba(255, 255, 255, 0.95) !important;
+}
+
+.ch_dark .ui.menu .ui.dropdown .menu>.active.item {
+    background: rgba(0, 0, 0, 0.03) !important;
+    color: rgba(255, 255, 255, 0.95) !important;
+}
+
+.ch_dark .ui.inverted.menu .search.dropdown.item>.search,
+.ch_dark .ui.inverted.menu .search.dropdown.item>.text {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.vertical.menu .dropdown.item .menu {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.ch_dark .ui.menu .item>.label {
+    background: #999;
+    color: #fff;
+}
+
+.ch_dark .ui.link.menu .item:hover,
+.ch_dark .ui.menu .dropdown.item:hover,
+.ch_dark .ui.menu .link.item:hover,
+.ch_dark .ui.menu a.item:hover {
+    background: rgba(0, 0, 0, 0.03);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.link.menu .item:active,
+.ch_dark .ui.menu .link.item:active,
+.ch_dark .ui.menu a.item:active {
+    background: rgba(0, 0, 0, 0.03);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.menu .active.item {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.menu .active.item:hover,
+.ch_dark .ui.vertical.menu .active.item:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.ui.menu .item.disabled {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+/** Types .ch_dark Floated Menu / Item Left Floated **/
+.ch_dark .ui.vertical.menu {
+    background: #000;
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.vertical.menu .item::before {
+    background: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.vertical.menu .menu .item {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.vertical.menu .item .menu a.item:hover,
+.ch_dark .ui.vertical.menu .item .menu .link.item:hover {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.vertical.menu .active.item {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.vertical.menu .item .menu .active.item {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.tabular.menu {
+    border-bottom: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.tabular.menu .item {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.tabular.menu .item:hover {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.tabular.menu .active.item {
+    background: none #000;
+    color: rgba(255, 255, 255, 0.95);
+    border-color: #d4d4d5;
+}
+
+.ch_dark .ui.bottom.tabular.menu {
+    border-top: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.bottom.tabular.menu .active.item {
+    background: none #000;
+    color: rgba(255, 255, 255, 0.95);
+    border-color: #d4d4d5;
+}
+
+.ch_dark .ui.vertical.tabular.menu {
+    border-right: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.vertical.tabular.menu .active.item {
+    background: none #000;
+    color: rgba(255, 255, 255, 0.95);
+    border-color: #d4d4d5;
+}
+
+.ch_dark .ui.vertical.right.tabular.menu {
+    border-left: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.vertical.right.tabular.menu .active.item {
+    background: none #000;
+    color: rgba(255, 255, 255, 0.95);
+    border-color: #d4d4d5;
+}
+
+.ch_dark .ui.inverted.tabular.menu .active.item,
+.ch_dark .ui.inverted.tabular.menu .active.item:hover {
+    background: none #1b1c1d;
+    border-color: #555555;
+}
+
+.ch_dark .ui.inverted.tabular.menu .item:not(.active):hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.pagination.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.secondary.menu .dropdown.item:hover,
+.ch_dark .ui.secondary.menu .link.item:hover,
+.ch_dark .ui.secondary.menu a.item:hover {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.secondary.menu .active.item {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.secondary.menu .active.item:hover {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.secondary.inverted.menu .link.item:not(.disabled),
+.ch_dark .ui.secondary.inverted.menu a.item:not(.disabled) {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.secondary.inverted.menu .dropdown.item:hover,
+.ch_dark .ui.secondary.inverted.menu .link.item:hover,
+.ch_dark .ui.secondary.inverted.menu a.item:hover {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.secondary.inverted.menu .active.item {
+    background: rgba(255, 255, 255, 0.15);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.secondary.pointing.menu {
+    border-bottom: 2px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.secondary.pointing.menu .header.item {
+    color: rgba(0, 0, 0, 0.85) !important;
+}
+
+.ch_dark .ui.secondary.pointing.menu .dropdown.item:hover,
+.ch_dark .ui.secondary.pointing.menu .link.item:hover,
+.ch_dark .ui.secondary.pointing.menu a.item:hover {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.secondary.pointing.menu .dropdown.item:active,
+.ch_dark .ui.secondary.pointing.menu .link.item:active,
+.ch_dark .ui.secondary.pointing.menu a.item:active {
+    border-color: rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.secondary.pointing.menu .active.item {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.secondary.pointing.menu .active.item:hover {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.secondary.vertical.pointing.menu {
+    border-right: 2px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.secondary.inverted.pointing.menu {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.secondary.inverted.pointing.menu .item:not(.disabled) {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.secondary.inverted.pointing.menu .header.item {
+    color: #fff !important;
+}
+
+.ch_dark .ui.secondary.inverted.pointing.menu .link.item:hover,
+.ch_dark .ui.secondary.inverted.pointing.menu a.item:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.secondary.inverted.pointing.menu .active.item {
+    border-color: #fff;
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.text.menu .item {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.text.menu .header.item {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.text.menu .active.item {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.icon.menu .item {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.icon.menu .item {
+    color: #fff;
+}
+
+/** Variations Stackable **/
+@media only screen and (max-width: 767.98px) {
+    .ch_dark .ui.stackable.menu .item::before {
+        background: rgba(34, 36, 38, 0.1);
+    }
+}
+
+.ch_dark .ui.ui.ui.menu .primary.active.item,
+.ch_dark .ui.ui.primary.menu .active.item:hover,
+.ch_dark .ui.ui.primary.menu .active.item {
+    color: #2185d0;
+}
+
+.ch_dark .ui.ui.ui.menu .red.active.item,
+.ch_dark .ui.ui.red.menu .active.item:hover,
+.ch_dark .ui.ui.red.menu .active.item {
+    color: #db2828;
+}
+
+.ch_dark .ui.ui.ui.menu .orange.active.item,
+.ch_dark .ui.ui.orange.menu .active.item:hover,
+.ch_dark .ui.ui.orange.menu .active.item {
+    color: #f2711c;
+}
+
+.ch_dark .ui.ui.ui.menu .yellow.active.item,
+.ch_dark .ui.ui.yellow.menu .active.item:hover,
+.ch_dark .ui.ui.yellow.menu .active.item {
+    color: #fbbd08;
+}
+
+.ch_dark .ui.ui.ui.menu .olive.active.item,
+.ch_dark .ui.ui.olive.menu .active.item:hover,
+.ch_dark .ui.ui.olive.menu .active.item {
+    color: #b5cc18;
+}
+
+.ch_dark .ui.ui.ui.menu .green.active.item,
+.ch_dark .ui.ui.green.menu .active.item:hover,
+.ch_dark .ui.ui.green.menu .active.item {
+    color: #21ba45;
+}
+
+.ch_dark .ui.ui.ui.menu .teal.active.item,
+.ch_dark .ui.ui.teal.menu .active.item:hover,
+.ch_dark .ui.ui.teal.menu .active.item {
+    color: #00b5ad;
+}
+
+.ch_dark .ui.ui.ui.menu .blue.active.item,
+.ch_dark .ui.ui.blue.menu .active.item:hover,
+.ch_dark .ui.ui.blue.menu .active.item {
+    color: #2185d0;
+}
+
+.ch_dark .ui.ui.ui.menu .violet.active.item,
+.ch_dark .ui.ui.violet.menu .active.item:hover,
+.ch_dark .ui.ui.violet.menu .active.item {
+    color: #6435c9;
+}
+
+.ch_dark .ui.ui.ui.menu .purple.active.item,
+.ch_dark .ui.ui.purple.menu .active.item:hover,
+.ch_dark .ui.ui.purple.menu .active.item {
+    color: #a333c8;
+}
+
+.ch_dark .ui.ui.ui.menu .pink.active.item,
+.ch_dark .ui.ui.pink.menu .active.item:hover,
+.ch_dark .ui.ui.pink.menu .active.item {
+    color: #e03997;
+}
+
+.ch_dark .ui.ui.ui.menu .brown.active.item,
+.ch_dark .ui.ui.brown.menu .active.item:hover,
+.ch_dark .ui.ui.brown.menu .active.item {
+    color: #a5673f;
+}
+
+.ch_dark .ui.ui.ui.menu .grey.active.item,
+.ch_dark .ui.ui.grey.menu .active.item:hover,
+.ch_dark .ui.ui.grey.menu .active.item {
+    color: #767676;
+}
+
+.ch_dark .ui.ui.ui.menu .black.active.item,
+.ch_dark .ui.ui.black.menu .active.item:hover,
+.ch_dark .ui.ui.black.menu .active.item {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.menu {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.menu .item,
+.ch_dark .ui.inverted.menu .item>a:not(.ui) {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.menu .item::before {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.ch_dark .ui.vertical.inverted.menu .item::before {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.ch_dark .ui.vertical.inverted.menu .menu .item,
+.ch_dark .ui.vertical.inverted.menu .menu .item a:not(.ui) {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.ui.inverted.menu .item.disabled {
+    color: rgba(225, 225, 225, 0.3);
+}
+
+.ch_dark .ui.link.inverted.menu .item:hover,
+.ch_dark .ui.inverted.menu .dropdown.item:hover,
+.ch_dark .ui.inverted.menu .link.item:hover,
+.ch_dark .ui.inverted.menu a.item:hover {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.vertical.inverted.menu .item .menu a.item:hover,
+.ch_dark .ui.vertical.inverted.menu .item .menu .link.item:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.menu a.item:active,
+.ch_dark .ui.inverted.menu .link.item:active {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.menu .active.item {
+    background: #3d3e3f;
+    color: var(--blackbackground) !important;
+}
+
+.ch_dark .ui.inverted.vertical.menu .item .menu .active.item {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.pointing.menu .active.item::after {
+    background: #3d3e3f;
+}
+
+.ch_dark .ui.inverted.menu .active.item:hover {
+    background: #3d3e3f;
+    color: #fff !important;
+}
+
+.ch_dark .ui.inverted.pointing.menu .active.item:hover::after {
+    background: #3d3e3f;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .primary.active.item,
+.ch_dark .ui.ui.inverted.primary.menu {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.primary.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.primary.menu .active.item {
+    background-color: #1678c2;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .red.active.item,
+.ch_dark .ui.ui.inverted.red.menu {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.inverted.red.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.red.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.red.menu .active.item {
+    background-color: #d01919;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .orange.active.item,
+.ch_dark .ui.ui.inverted.orange.menu {
+    background-color: #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.orange.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.orange.menu .active.item {
+    background-color: #f26202;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .yellow.active.item,
+.ch_dark .ui.ui.inverted.yellow.menu {
+    background-color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.yellow.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.yellow.menu .active.item {
+    background-color: #eaae00;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .olive.active.item,
+.ch_dark .ui.ui.inverted.olive.menu {
+    background-color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.olive.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.olive.menu .active.item {
+    background-color: #a7bd0d;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .green.active.item,
+.ch_dark .ui.ui.inverted.green.menu {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.inverted.green.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.green.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.green.menu .active.item {
+    background-color: #16ab39;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .teal.active.item,
+.ch_dark .ui.ui.inverted.teal.menu {
+    background-color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.teal.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.teal.menu .active.item {
+    background-color: #009c95;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .blue.active.item,
+.ch_dark .ui.ui.inverted.blue.menu {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.blue.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.blue.menu .active.item {
+    background-color: #1678c2;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .violet.active.item,
+.ch_dark .ui.ui.inverted.violet.menu {
+    background-color: #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.violet.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.violet.menu .active.item {
+    background-color: #5829bb;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .purple.active.item,
+.ch_dark .ui.ui.inverted.purple.menu {
+    background-color: #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.purple.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.purple.menu .active.item {
+    background-color: #9627ba;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .pink.active.item,
+.ch_dark .ui.ui.inverted.pink.menu {
+    background-color: #e03997;
+}
+
+.ch_dark .ui.inverted.pink.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.pink.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.pink.menu .active.item {
+    background-color: #e61a8d;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .brown.active.item,
+.ch_dark .ui.ui.inverted.brown.menu {
+    background-color: #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.brown.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.brown.menu .active.item {
+    background-color: #975b33;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .grey.active.item,
+.ch_dark .ui.ui.inverted.grey.menu {
+    background-color: #767676;
+}
+
+.ch_dark .ui.inverted.grey.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.grey.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.grey.menu .active.item {
+    background-color: #838383;
+}
+
+.ch_dark .ui.ui.ui.inverted.menu .black.active.item,
+.ch_dark .ui.ui.inverted.black.menu {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.black.menu .item::before {
+    background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.ui.inverted.black.menu .active.item {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.pointing.black.menu .active.item {
+    background-color: #27292a;
+}
+
+.ch_dark .ui.pointing.menu .item::after {
+    border-bottom: 1px solid #d4d4d5;
+    border-right: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.vertical.pointing.menu .item::after {
+    border-top: 1px solid #d4d4d5;
+    border-right: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.pointing.menu .active.item:hover::after {
+    background-color: #f2f2f2;
+}
+
+.ch_dark .ui.pointing.menu .active.item::after {
+    background-color: #f2f2f2;
+}
+
+.ch_dark .ui.pointing.menu .active.item:hover::after {
+    background-color: #f2f2f2;
+}
+
+.ch_dark .ui.vertical.pointing.menu .active.item:hover::after {
+    background-color: #f2f2f2;
+}
+
+.ch_dark .ui.vertical.pointing.menu .active.item::after {
+    background-color: #f2f2f2;
+}
+
+.ch_dark .ui.vertical.pointing.menu .menu .active.item::after {
+    background-color: #fff;
+}
+
+.ch_dark .ui.inverted.pointing.menu .primary.active.item::after {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.pointing.menu .secondary.active.item::after {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.pointing.menu .red.active.item::after {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.inverted.pointing.menu .orange.active.item::after {
+    background-color: #f2711c;
+}
+
+.ch_dark .ui.inverted.pointing.menu .yellow.active.item::after {
+    background-color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.pointing.menu .olive.active.item::after {
+    background-color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.pointing.menu .green.active.item::after {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.inverted.pointing.menu .teal.active.item::after {
+    background-color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.pointing.menu .blue.active.item::after {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.pointing.menu .violet.active.item::after {
+    background-color: #6435c9;
+}
+
+.ch_dark .ui.inverted.pointing.menu .purple.active.item::after {
+    background-color: #a333c8;
+}
+
+.ch_dark .ui.inverted.pointing.menu .pink.active.item::after {
+    background-color: #e03997;
+}
+
+.ch_dark .ui.inverted.pointing.menu .brown.active.item::after {
+    background-color: #a5673f;
+}
+
+.ch_dark .ui.inverted.pointing.menu .grey.active.item::after {
+    background-color: #767676;
+}
+
+.ch_dark .ui.inverted.pointing.menu .black.active.item::after {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.attached.menu:not(.tabular):not(.text) {
+    border: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui[class*="top attached"].inverted.tabular.menu {
+    border-bottom: 1px solid #555555;
+}
+
+.ch_dark .ui.wrapping.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-of-type,
+.ch_dark .ui.wrapping.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-child {
+    border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.menu .ui.inverted.inverted.dropdown.item .menu {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.menu .ui.inverted.dropdown .menu>.item {
+    color: rgba(0, 0, 0, 0.8) !important;
+}
+
+.ch_dark .ui.menu .ui.inverted.dropdown .menu>.active.item {
+    color: rgba(0, 0, 0, 0.8) !important;
+}
+
+.ch_dark .ui.menu .ui.inverted.dropdown .menu>.item:hover {
+    background: rgba(255, 255, 255, 0.08) !important;
+    color: rgba(0, 0, 0, 0.8) !important;
+}
+
+.ch_dark .ui.menu .ui.inverted.dropdown .menu>.selected.item {
+    background: rgba(255, 255, 255, 0.15) !important;
+    color: rgba(0, 0, 0, 0.8) !important;
+}
+
+.ch_dark .ui.message {
+    background: var(--blackbackground);
+    /* #f8f8f9; **/
+    color: rgba(255, 255, 255, 0.87);
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.attached.message {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.bottom.attached.message {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.floating.message {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.positive.message {
+    background-color: #fcfff5;
+    color: #2c662d;
+}
+
+.ch_dark .ui.positive.message,
+.ch_dark .ui.attached.positive.message {
+    box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.positive.message {
+    box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.positive.message .header {
+    color: #1a531b;
+}
+
+.ch_dark .ui.inverted.positive.message,
+.ch_dark .ui.inverted.positive.message .header {
+    color: #a3c293;
+}
+
+.ch_dark .ui.negative.message {
+    background-color: #fff6f6;
+    color: #9f3a38;
+}
+
+.ch_dark .ui.negative.message,
+.ch_dark .ui.attached.negative.message {
+    box-shadow: 0 0 0 1px var(--Errorcolor) inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.negative.message {
+    box-shadow: 0 0 0 1px var(--Errorcolor) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.negative.message .header {
+    color: #912d2b;
+}
+
+.ch_dark .ui.inverted.negative.message,
+.ch_dark .ui.inverted.negative.message .header {
+    color: var(--Errorcolor);
+}
+
+.ch_dark .ui.error.message {
+    background-color: #fff6f6;
+    color: #9f3a38;
+}
+
+.ch_dark .ui.error.message,
+.ch_dark .ui.attached.error.message {
+    box-shadow: 0 0 0 1px var(--Errorcolor) inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.error.message {
+    box-shadow: 0 0 0 1px var(--Errorcolor) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.error.message .header {
+    color: #912d2b;
+}
+
+.ch_dark .ui.inverted.error.message,
+.ch_dark .ui.inverted.error.message .header {
+    color: #ecd1d1;
+}
+
+.ch_dark .ui.info.message {
+    background-color: var(--Infobgcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.info.message,
+.ch_dark .ui.attached.info.message {
+    box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.info.message {
+    box-shadow: 0 0 0 1px #a9d5de inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.info.message .header {
+    color: #0e566c;
+}
+
+.ch_dark .ui.inverted.info.message,
+.ch_dark .ui.inverted.info.message .header {
+    color: #c6e3e9;
+}
+
+.ch_dark .ui.success.message {
+    background-color: #fcfff5;
+    color: #2c662d;
+}
+
+.ch_dark .ui.success.message,
+.ch_dark .ui.attached.success.message {
+    box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.success.message {
+    box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.success.message .header {
+    color: #1a531b;
+}
+
+.ch_dark .ui.inverted.success.message,
+.ch_dark .ui.inverted.success.message .header {
+    color: #b9d1ad;
+}
+
+.ch_dark .ui.warning.message {
+    background: var(--warningbgcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.warning.message,
+.ch_dark .ui.attached.warning.message {
+    box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.warning.message {
+    box-shadow: 0 0 0 1px #c9ba9b inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.warning.message .header {
+    color: #794b02;
+}
+
+.ch_dark .ui.inverted.warning.message,
+.ch_dark .ui.inverted.warning.message .header {
+    color: #d7ccb5;
+}
+
+.ch_dark .ui.primary.message {
+    background-color: #dff0ff;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.primary.message,
+.ch_dark .ui.attached.primary.message {
+    box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.primary.message {
+    box-shadow: 0 0 0 1px #2185d0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.primary.message .header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.secondary.message {
+    background-color: #f4f4f4;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.secondary.message,
+.ch_dark .ui.attached.secondary.message {
+    box-shadow: 0 0 0 1px #1b1c1d inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.secondary.message {
+    box-shadow: 0 0 0 1px #1b1c1d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.secondary.message .header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.red.message {
+    background-color: #ffe8e6;
+    color: #db2828;
+}
+
+.ch_dark .ui.red.message,
+.ch_dark .ui.attached.red.message {
+    box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.red.message {
+    box-shadow: 0 0 0 1px #db2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.red.message .header {
+    color: #c82121;
+}
+
+.ch_dark .ui.orange.message {
+    background-color: #ffedde;
+    color: #f2711c;
+}
+
+.ch_dark .ui.orange.message,
+.ch_dark .ui.attached.orange.message {
+    box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.orange.message {
+    box-shadow: 0 0 0 1px #f2711c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.orange.message .header {
+    color: #e7640d;
+}
+
+.ch_dark .ui.yellow.message {
+    background-color: #fff8db;
+    color: #b58105;
+}
+
+.ch_dark .ui.yellow.message,
+.ch_dark .ui.attached.yellow.message {
+    box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.yellow.message {
+    box-shadow: 0 0 0 1px #b58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.yellow.message .header {
+    color: #9c6f04;
+}
+
+.ch_dark .ui.olive.message {
+    background-color: #fbfdef;
+    color: #8abc1e;
+}
+
+.ch_dark .ui.olive.message,
+.ch_dark .ui.attached.olive.message {
+    box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.olive.message {
+    box-shadow: 0 0 0 1px #8abc1e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.olive.message .header {
+    color: #7aa61a;
+}
+
+.ch_dark .ui.green.message {
+    background-color: #e5f9e7;
+    color: #1ebc30;
+}
+
+.ch_dark .ui.green.message,
+.ch_dark .ui.attached.green.message {
+    box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.green.message {
+    box-shadow: 0 0 0 1px #1ebc30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.green.message .header {
+    color: #1aa62a;
+}
+
+.ch_dark .ui.teal.message {
+    background-color: #e1f7f7;
+    color: #10a3a3;
+}
+
+.ch_dark .ui.teal.message,
+.ch_dark .ui.attached.teal.message {
+    box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.teal.message {
+    box-shadow: 0 0 0 1px #10a3a3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.teal.message .header {
+    color: #0e8c8c;
+}
+
+.ch_dark .ui.blue.message {
+    background-color: #dff0ff;
+    color: #2185d0;
+}
+
+.ch_dark .ui.blue.message,
+.ch_dark .ui.attached.blue.message {
+    box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.blue.message {
+    box-shadow: 0 0 0 1px #2185d0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.blue.message .header {
+    color: #1e77ba;
+}
+
+.ch_dark .ui.violet.message {
+    background-color: #eae7ff;
+    color: #6435c9;
+}
+
+.ch_dark .ui.violet.message,
+.ch_dark .ui.attached.violet.message {
+    box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.violet.message {
+    box-shadow: 0 0 0 1px #6435c9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.violet.message .header {
+    color: #5a30b5;
+}
+
+.ch_dark .ui.purple.message {
+    background-color: #f6e7ff;
+    color: #a333c8;
+}
+
+.ch_dark .ui.purple.message,
+.ch_dark .ui.attached.purple.message {
+    box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.purple.message {
+    box-shadow: 0 0 0 1px #a333c8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.purple.message .header {
+    color: #922eb4;
+}
+
+.ch_dark .ui.pink.message {
+    background-color: #ffe3fb;
+    color: #e03997;
+}
+
+.ch_dark .ui.pink.message,
+.ch_dark .ui.attached.pink.message {
+    box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.pink.message {
+    box-shadow: 0 0 0 1px #e03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.pink.message .header {
+    color: #dd238b;
+}
+
+.ch_dark .ui.brown.message {
+    background-color: #f1e2d3;
+    color: #a5673f;
+}
+
+.ch_dark .ui.brown.message,
+.ch_dark .ui.attached.brown.message {
+    box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.brown.message {
+    box-shadow: 0 0 0 1px #a5673f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.brown.message .header {
+    color: #935b38;
+}
+
+.ch_dark .ui.grey.message {
+    background-color: #f4f4f4;
+    color: #767676;
+}
+
+.ch_dark .ui.grey.message,
+.ch_dark .ui.attached.grey.message {
+    box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ch_dark .ui.floating.grey.message {
+    box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.grey.message .header {
+    color: #696969;
+}
+
+.ch_dark .ui.black.message {
+    background-color: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.black.message .header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.message {
+    background-color: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+/** Table ** Prototype **/
+.ch_dark .ui.table {
+    background: #000;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** Parts ** Table Content **/
+.ch_dark .ui.table>thead>tr>th {
+    background: var(--blackcolor);
+    color: rgba(255, 255, 255, 0.87);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.table>tfoot>tr>th,
+.ch_dark .ui.table>tfoot>tr>td {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+    background: var(--blackcolor);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.table>tr>td,
+.ch_dark .ui.table>tbody>tr>td {
+    border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.table>tbody+tbody tr:first-child>td {
+    border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+@media only screen and (max-width: 767.98px) {
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185d0 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185d0 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54c8ff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54c8ff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1b1c1d inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1b1c1d inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #db2828 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #db2828 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ff695e inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ff695e inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #f2711c inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #f2711c inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ff851b inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ff851b inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #fbbd08 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #fbbd08 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ffe21f inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ffe21f inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #b5cc18 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #b5cc18 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #d9e778 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #d9e778 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21ba45 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21ba45 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ecc40 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ecc40 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00b5ad inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00b5ad inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6dffff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6dffff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185d0 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185d0 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54c8ff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54c8ff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435c9 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435c9 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #a291fb inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #a291fb inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #a333c8 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #a333c8 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #dc73ff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #dc73ff inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #e03997 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #e03997 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ff8edf inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ff8edf inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #a5673f inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #a5673f inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #d67c1c inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #d67c1c inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #dcddde inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #dcddde inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1b1c1d inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1b1c1d inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].left {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
+    }
+
+    .ch_dark .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].right {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
+    }
+}
+
+.ch_dark .ui.scrolling.table>thead {
+    background: var(--blackcolor);
+    color: var(--blackcolor);
+}
+
+.ch_dark .ui.scrolling.table>tfoot {
+    background: var(--blackcolor);
+    color: var(--blackcolor);
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead {
+    background: rgba(0, 0, 0, 0.15);
+    color: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.inverted.scrolling.table>tfoot {
+    background: rgba(0, 0, 0, 0.15);
+    color: rgba(0, 0, 0, 0.15);
+}
+
+@media all and (-ms-high-contrast: none) {
+    .ch_dark .ui.scrolling.table>thead {
+        color: var(--blackcolor);
+    }
+
+    .ch_dark .ui.scrolling.table>tfoot {
+        color: var(--blackcolor);
+    }
+
+    .ch_dark .ui.inverted.scrolling.table>thead {
+        color: #252525;
+    }
+
+    .ch_dark .ui.inverted.scrolling.table>tfoot {
+        color: #252525;
+    }
+}
+
+.ch_dark .ui.inverted.scrolling.table>tbody::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.inverted.scrolling.table>tbody::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.ch_dark .ui.inverted.scrolling.table>tbody::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.inverted.scrolling.table>tbody::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.35);
+}
+
+.ch_dark .ui.inverted.scrolling.table>tbody {
+    scrollbar-face-color: #656565;
+    scrollbar-shadow-color: #656565;
+    scrollbar-track-color: #323232;
+    scrollbar-arrow-color: #323232;
+    scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
+}
+
+/** Types Complex **/
+.ch_dark .ui.structured.sortable.table>thead>tr>th {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+    border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.structured.celled.table>tr>th,
+.ch_dark .ui.structured.celled.table>thead>tr>th,
+.ch_dark .ui.structured.celled.table>tbody>tr>th,
+.ch_dark .ui.structured.celled.table>tfoot>tr>th,
+.ch_dark .ui.structured.celled.table>tr>td,
+.ch_dark .ui.structured.celled.table>tbody>tr>td,
+.ch_dark .ui.structured.celled.table>tfoot>tr>td {
+    border-left: 1px solid rgba(34, 36, 38, 0.1);
+    border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.definition.table>thead:not(.full-width)>tr>th:first-child {
+    background: #fff;
+    color: rgba(255, 255, 255, 0.4);
+    box-shadow: -0.1em -0.2em 0 0.1em #fff;
+}
+
+.ch_dark .ui.definition.table>tfoot:not(.full-width)>tr>th:first-child {
+    background: #fff;
+    color: rgba(255, 255, 255, 0.4);
+    box-shadow: -0.1em 0.2em 0 0.1em #fff;
+}
+
+.ch_dark .ui.definition.table>tr>td:first-child:not(.ignored),
+.ch_dark .ui.definition.table>tbody>tr>td:first-child:not(.ignored),
+.ch_dark .ui.definition.table>tfoot>tr>td:first-child:not(.ignored),
+.ch_dark .ui.definition.table tr td.definition {
+    background: rgba(0, 0, 0, 0.03);
+    color: rgba(255, 255, 255, 0.95);
+    text-align: "";
+}
+
+.ch_dark .ui.definition.table>thead:not(.full-width)>tr>th:nth-child(2) {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.definition.table>tfoot:not(.full-width)>tr>th:nth-child(2),
+.ch_dark .ui.definition.table>tfoot:not(.full-width)>tr>td:nth-child(2) {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.definition.table>tr>td:nth-child(2),
+.ch_dark .ui.definition.table>tbody>tr>td:nth-child(2) {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/** States Positive **/
+.ch_dark .ui.ui.ui.ui.table tr.positive,
+.ch_dark .ui.ui.table td.positive {
+    box-shadow: 0 0 0 #a3c293 inset;
+    background: #fcfff5;
+    color: #2c662d;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr.positive,
+.ch_dark .ui.ui.inverted.table td.positive {
+    background: #a3c293;
+    color: #2c662d;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr.negative,
+.ch_dark .ui.ui.table td.negative {
+    box-shadow: 0 0 0 var(--Errorcolor) inset;
+    background: #fff6f6;
+    color: #9f3a38;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr.negative,
+.ch_dark .ui.ui.inverted.table td.negative {
+    background: var(--Errorcolor);
+    color: #9f3a38;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr.error,
+.ch_dark .ui.ui.table td.error {
+    box-shadow: 0 0 0 var(--Errorcolor) inset;
+    background: #fff6f6;
+    color: #9f3a38;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr.error,
+.ch_dark .ui.ui.inverted.table td.error {
+    background: var(--Errorcolor);
+    color: #9f3a38;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr.warning,
+.ch_dark .ui.ui.table td.warning {
+    box-shadow: 0 0 0 var(--warningcolor) inset;
+    background: var(--warningbgcolor);
+    color: #eaecee;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr.warning,
+.ch_dark .ui.ui.inverted.table td.warning {
+    background: #eec97e;
+    color: #573a08;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr.active,
+.ch_dark .ui.ui.table td.active {
+    box-shadow: 0 0 0 rgba(255, 255, 255, 0.87) inset;
+    background: #e0e0e0;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr.active,
+.ch_dark .ui.ui.inverted.table td.active {
+    background: #a0a0a0;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.ui.ui.table tr.disabled td,
+.ch_dark .ui.ui.ui.table tr td.disabled,
+.ch_dark .ui.table tr.disabled:hover,
+.ch_dark .ui.table tr:hover td.disabled {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+/** Variations Stackable **/
+@media only screen and (max-width: 991.98px) {
+
+    .ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table>thead>tr,
+    .ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table>tbody>tr,
+    .ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table>tfoot>tr,
+    .ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table>tr {
+        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
+    }
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #db2828 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #db2828 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ff695e inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ff695e inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #f2711c inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #f2711c inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ff851b inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ff851b inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #fbbd08 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #fbbd08 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ffe21f inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ffe21f inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #b5cc18 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #b5cc18 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #d9e778 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #d9e778 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21ba45 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21ba45 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ecc40 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ecc40 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00b5ad inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00b5ad inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6dffff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6dffff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435c9 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435c9 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #a291fb inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #a291fb inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #a333c8 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #a333c8 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #dc73ff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #dc73ff inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #e03997 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #e03997 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #ff8edf inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #ff8edf inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #a5673f inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #a5673f inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #d67c1c inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #d67c1c inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #dcddde inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #dcddde inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].left {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].right {
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.ui.selectable.table>tbody>tr:hover,
+.ch_dark .ui.table tbody tr td.selectable:hover {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.ui.selectable.inverted.table>tbody>tr:hover,
+.ch_dark .ui.inverted.table tbody tr td.selectable:hover {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.selectable.table tr.error:hover,
+.ch_dark .ui.table tr td.selectable.error:hover,
+.ch_dark .ui.selectable.table tr:hover td.error {
+    background: #ffe7e7;
+    color: #943634;
+}
+
+.ch_dark .ui.ui.selectable.table tr.warning:hover,
+.ch_dark .ui.table tr td.selectable.warning:hover,
+.ch_dark .ui.selectable.table tr:hover td.warning {
+    background: #fff4e4;
+    color: #493107;
+}
+
+.ch_dark .ui.ui.selectable.table tr.active:hover,
+.ch_dark .ui.table tr td.selectable.active:hover,
+.ch_dark .ui.selectable.table tr:hover td.active {
+    background: #e0e0e0;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.ui.selectable.table tr.positive:hover,
+.ch_dark .ui.table tr td.selectable.positive:hover,
+.ch_dark .ui.selectable.table tr:hover td.positive {
+    background: #f7ffe6;
+    color: #275b28;
+}
+
+.ch_dark .ui.ui.selectable.table tr.negative:hover,
+.ch_dark .ui.table tr td.selectable.negative:hover,
+.ch_dark .ui.selectable.table tr:hover td.negative {
+    background: #ffe7e7;
+    color: #943634;
+}
+
+.ch_dark .ui.attached.table {
+    border: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.striped.table>tr:nth-child(2n),
+.ch_dark .ui.striped.table>tbody>tr:nth-child(2n) {
+    background-color: rgba(0, 0, 50, 0.02);
+}
+
+.ch_dark .ui.inverted.striped.table>tr:nth-child(2n),
+.ch_dark .ui.inverted.striped.table>tbody>tr:nth-child(2n) {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.ch_dark .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
+    background: #efefef;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.primary.table {
+    border-top: 0.2em solid #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.table {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.primary,
+.ch_dark .ui.scrolling.table>tfoot.primary {
+    background: #ddf4ff;
+    color: #ddf4ff;
+}
+
+.ch_dark .ui.scrolling.table>thead.primary>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.primary>tr>th,
+.ch_dark .ui.scrolling.table>thead.primary>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.primary>tr>td {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.primary,
+.ch_dark .ui.inverted.scrolling.table>tfoot.primary {
+    background: #2185d0;
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.primary>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.primary>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.primary>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.primary>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="primary colored"],
+.ch_dark .ui.ui.table th[class*="primary colored"],
+.ch_dark .ui.ui.table td[class*="primary colored"],
+.ch_dark .ui.ui.ui.ui.table tr.primary:not(.marked),
+.ch_dark .ui.ui.table th.primary:not(.marked),
+.ch_dark .ui.ui.table td.primary:not(.marked) {
+    background: #ddf4ff;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.table>thead>tr[class*="primary colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="primary colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="primary colored"]>td,
+.ch_dark .ui.table>thead>tr.primary:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.primary:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.primary:not(.marked)>td {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="primary colored"],
+.ch_dark .ui.ui.inverted.table th[class*="primary colored"],
+.ch_dark .ui.ui.inverted.table td[class*="primary colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
+.ch_dark .ui.ui.inverted.table th.primary:not(.marked),
+.ch_dark .ui.ui.inverted.table td.primary:not(.marked) {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="primary colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="primary colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="primary colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.primary:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.primary:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.primary:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="primary colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="primary colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="primary colored"],
+.ch_dark .ui.ui.selectable.table tr.primary:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.primary:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.primary:not(.marked) {
+    background: #d3f1ff;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="primary colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="primary colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="primary colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.primary:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
+    background: #21b8ff;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="primary marked"].left,
+.ch_dark .ui.table tr[class*="primary marked"].left {
+    box-shadow: 0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.table td[class*="primary marked"].right,
+.ch_dark .ui.table tr[class*="primary marked"].right {
+    box-shadow: -0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="primary marked"].left,
+.ch_dark .ui.inverted.table tr[class*="primary marked"].left {
+    box-shadow: 0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="primary marked"].right,
+.ch_dark .ui.inverted.table tr[class*="primary marked"].right {
+    box-shadow: -0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.secondary.table {
+    border-top: 0.2em solid #1b1c1d;
+}
+
+.ch_dark .ui.inverted.secondary.table {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.secondary,
+.ch_dark .ui.scrolling.table>tfoot.secondary {
+    background: #dddddd;
+    color: #dddddd;
+}
+
+.ch_dark .ui.scrolling.table>thead.secondary>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.secondary>tr>th,
+.ch_dark .ui.scrolling.table>thead.secondary>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.secondary>tr>td {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.secondary,
+.ch_dark .ui.inverted.scrolling.table>tfoot.secondary {
+    background: #1b1c1d;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.secondary>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.secondary>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.secondary>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.secondary>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="secondary colored"],
+.ch_dark .ui.ui.table th[class*="secondary colored"],
+.ch_dark .ui.ui.table td[class*="secondary colored"],
+.ch_dark .ui.ui.ui.ui.table tr.secondary:not(.marked),
+.ch_dark .ui.ui.table th.secondary:not(.marked),
+.ch_dark .ui.ui.table td.secondary:not(.marked) {
+    background: #dddddd;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.table>thead>tr[class*="secondary colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="secondary colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="secondary colored"]>td,
+.ch_dark .ui.table>thead>tr.secondary:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.secondary:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.secondary:not(.marked)>td {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="secondary colored"],
+.ch_dark .ui.ui.inverted.table th[class*="secondary colored"],
+.ch_dark .ui.ui.inverted.table td[class*="secondary colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.secondary:not(.marked),
+.ch_dark .ui.ui.inverted.table th.secondary:not(.marked),
+.ch_dark .ui.ui.inverted.table td.secondary:not(.marked) {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="secondary colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="secondary colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="secondary colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.secondary:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.secondary:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.secondary:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="secondary colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="secondary colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="secondary colored"],
+.ch_dark .ui.ui.selectable.table tr.secondary:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.secondary:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.secondary:not(.marked) {
+    background: #e2e2e2;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="secondary colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="secondary colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="secondary colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.secondary:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.secondary:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.secondary:not(.marked) {
+    background: #6e6e6e;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="secondary marked"].left,
+.ch_dark .ui.table tr[class*="secondary marked"].left {
+    box-shadow: 0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.table td[class*="secondary marked"].right,
+.ch_dark .ui.table tr[class*="secondary marked"].right {
+    box-shadow: -0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="secondary marked"].left,
+.ch_dark .ui.inverted.table tr[class*="secondary marked"].left {
+    box-shadow: 0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="secondary marked"].right,
+.ch_dark .ui.inverted.table tr[class*="secondary marked"].right {
+    box-shadow: -0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.red.table {
+    border-top: 0.2em solid #db2828;
+}
+
+.ch_dark .ui.inverted.red.table {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.red,
+.ch_dark .ui.scrolling.table>tfoot.red {
+    background: #ffe1df;
+    color: #ffe1df;
+}
+
+.ch_dark .ui.scrolling.table>thead.red>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.red>tr>th,
+.ch_dark .ui.scrolling.table>thead.red>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.red>tr>td {
+    color: #db2828;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.red,
+.ch_dark .ui.inverted.scrolling.table>tfoot.red {
+    background: #db2828;
+    color: #db2828;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.red>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.red>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.red>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.red>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="red colored"],
+.ch_dark .ui.ui.table th[class*="red colored"],
+.ch_dark .ui.ui.table td[class*="red colored"],
+.ch_dark .ui.ui.ui.ui.table tr.red:not(.marked),
+.ch_dark .ui.ui.table th.red:not(.marked),
+.ch_dark .ui.ui.table td.red:not(.marked) {
+    background: #ffe1df;
+    color: #db2828;
+}
+
+.ch_dark .ui.table>thead>tr[class*="red colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="red colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="red colored"]>td,
+.ch_dark .ui.table>thead>tr.red:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.red:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.red:not(.marked)>td {
+    color: #db2828;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="red colored"],
+.ch_dark .ui.ui.inverted.table th[class*="red colored"],
+.ch_dark .ui.ui.inverted.table td[class*="red colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.red:not(.marked),
+.ch_dark .ui.ui.inverted.table th.red:not(.marked),
+.ch_dark .ui.ui.inverted.table td.red:not(.marked) {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="red colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="red colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="red colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.red:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.red:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.red:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="red colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="red colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="red colored"],
+.ch_dark .ui.ui.selectable.table tr.red:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.red:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.red:not(.marked) {
+    background: #ffd7d5;
+    color: #db2828;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="red colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="red colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="red colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.red:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.red:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.red:not(.marked) {
+    background: #ff392b;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="red marked"].left,
+.ch_dark .ui.table tr[class*="red marked"].left {
+    box-shadow: 0.2em 0 0 0 #db2828 inset;
+}
+
+.ch_dark .ui.table td[class*="red marked"].right,
+.ch_dark .ui.table tr[class*="red marked"].right {
+    box-shadow: -0.2em 0 0 0 #db2828 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="red marked"].left,
+.ch_dark .ui.inverted.table tr[class*="red marked"].left {
+    box-shadow: 0.2em 0 0 0 #ff695e inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="red marked"].right,
+.ch_dark .ui.inverted.table tr[class*="red marked"].right {
+    box-shadow: -0.2em 0 0 0 #ff695e inset;
+}
+
+.ch_dark .ui.orange.table {
+    border-top: 0.2em solid #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.table {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.orange,
+.ch_dark .ui.scrolling.table>tfoot.orange {
+    background: #ffe7d1;
+    color: #ffe7d1;
+}
+
+.ch_dark .ui.scrolling.table>thead.orange>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.orange>tr>th,
+.ch_dark .ui.scrolling.table>thead.orange>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.orange>tr>td {
+    color: #f2711c;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.orange,
+.ch_dark .ui.inverted.scrolling.table>tfoot.orange {
+    background: #f2711c;
+    color: #f2711c;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.orange>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.orange>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.orange>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.orange>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="orange colored"],
+.ch_dark .ui.ui.table th[class*="orange colored"],
+.ch_dark .ui.ui.table td[class*="orange colored"],
+.ch_dark .ui.ui.ui.ui.table tr.orange:not(.marked),
+.ch_dark .ui.ui.table th.orange:not(.marked),
+.ch_dark .ui.ui.table td.orange:not(.marked) {
+    background: #ffe7d1;
+    color: #f2711c;
+}
+
+.ch_dark .ui.table>thead>tr[class*="orange colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="orange colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="orange colored"]>td,
+.ch_dark .ui.table>thead>tr.orange:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.orange:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.orange:not(.marked)>td {
+    color: #f2711c;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="orange colored"],
+.ch_dark .ui.ui.inverted.table th[class*="orange colored"],
+.ch_dark .ui.ui.inverted.table td[class*="orange colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.orange:not(.marked),
+.ch_dark .ui.ui.inverted.table th.orange:not(.marked),
+.ch_dark .ui.ui.inverted.table td.orange:not(.marked) {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="orange colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="orange colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="orange colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.orange:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.orange:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.orange:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="orange colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="orange colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="orange colored"],
+.ch_dark .ui.ui.selectable.table tr.orange:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.orange:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.orange:not(.marked) {
+    background: #fae1cc;
+    color: #f2711c;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="orange colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="orange colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="orange colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.orange:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.orange:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.orange:not(.marked) {
+    background: #e76b00;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="orange marked"].left,
+.ch_dark .ui.table tr[class*="orange marked"].left {
+    box-shadow: 0.2em 0 0 0 #f2711c inset;
+}
+
+.ch_dark .ui.table td[class*="orange marked"].right,
+.ch_dark .ui.table tr[class*="orange marked"].right {
+    box-shadow: -0.2em 0 0 0 #f2711c inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="orange marked"].left,
+.ch_dark .ui.inverted.table tr[class*="orange marked"].left {
+    box-shadow: 0.2em 0 0 0 #ff851b inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="orange marked"].right,
+.ch_dark .ui.inverted.table tr[class*="orange marked"].right {
+    box-shadow: -0.2em 0 0 0 #ff851b inset;
+}
+
+.ch_dark .ui.yellow.table {
+    border-top: 0.2em solid #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.table {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.yellow,
+.ch_dark .ui.scrolling.table>tfoot.yellow {
+    background: #fff9d2;
+    color: #fff9d2;
+}
+
+.ch_dark .ui.scrolling.table>thead.yellow>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.yellow>tr>th,
+.ch_dark .ui.scrolling.table>thead.yellow>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.yellow>tr>td {
+    color: #b58105;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.yellow,
+.ch_dark .ui.inverted.scrolling.table>tfoot.yellow {
+    background: #fbbd08;
+    color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.yellow>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.yellow>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.yellow>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.yellow>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="yellow colored"],
+.ch_dark .ui.ui.table th[class*="yellow colored"],
+.ch_dark .ui.ui.table td[class*="yellow colored"],
+.ch_dark .ui.ui.ui.ui.table tr.yellow:not(.marked),
+.ch_dark .ui.ui.table th.yellow:not(.marked),
+.ch_dark .ui.ui.table td.yellow:not(.marked) {
+    background: #fff9d2;
+    color: #b58105;
+}
+
+.ch_dark .ui.table>thead>tr[class*="yellow colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="yellow colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="yellow colored"]>td,
+.ch_dark .ui.table>thead>tr.yellow:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.yellow:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.yellow:not(.marked)>td {
+    color: #b58105;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="yellow colored"],
+.ch_dark .ui.ui.inverted.table th[class*="yellow colored"],
+.ch_dark .ui.ui.inverted.table td[class*="yellow colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.yellow:not(.marked),
+.ch_dark .ui.ui.inverted.table th.yellow:not(.marked),
+.ch_dark .ui.ui.inverted.table td.yellow:not(.marked) {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="yellow colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="yellow colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="yellow colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.yellow:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.yellow:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.yellow:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="yellow colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="yellow colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="yellow colored"],
+.ch_dark .ui.ui.selectable.table tr.yellow:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.yellow:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.yellow:not(.marked) {
+    background: #fbf5cc;
+    color: #b58105;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="yellow colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="yellow colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="yellow colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.yellow:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.yellow:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.yellow:not(.marked) {
+    background: #ebcd00;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="yellow marked"].left,
+.ch_dark .ui.table tr[class*="yellow marked"].left {
+    box-shadow: 0.2em 0 0 0 #fbbd08 inset;
+}
+
+.ch_dark .ui.table td[class*="yellow marked"].right,
+.ch_dark .ui.table tr[class*="yellow marked"].right {
+    box-shadow: -0.2em 0 0 0 #fbbd08 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="yellow marked"].left,
+.ch_dark .ui.inverted.table tr[class*="yellow marked"].left {
+    box-shadow: 0.2em 0 0 0 #ffe21f inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="yellow marked"].right,
+.ch_dark .ui.inverted.table tr[class*="yellow marked"].right {
+    box-shadow: -0.2em 0 0 0 #ffe21f inset;
+}
+
+.ch_dark .ui.olive.table {
+    border-top: 0.2em solid #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.table {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.olive,
+.ch_dark .ui.scrolling.table>tfoot.olive {
+    background: #f7fae4;
+    color: #f7fae4;
+}
+
+.ch_dark .ui.scrolling.table>thead.olive>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.olive>tr>th,
+.ch_dark .ui.scrolling.table>thead.olive>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.olive>tr>td {
+    color: #8abc1e;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.olive,
+.ch_dark .ui.inverted.scrolling.table>tfoot.olive {
+    background: #b5cc18;
+    color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.olive>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.olive>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.olive>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.olive>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="olive colored"],
+.ch_dark .ui.ui.table th[class*="olive colored"],
+.ch_dark .ui.ui.table td[class*="olive colored"],
+.ch_dark .ui.ui.ui.ui.table tr.olive:not(.marked),
+.ch_dark .ui.ui.table th.olive:not(.marked),
+.ch_dark .ui.ui.table td.olive:not(.marked) {
+    background: #f7fae4;
+    color: #8abc1e;
+}
+
+.ch_dark .ui.table>thead>tr[class*="olive colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="olive colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="olive colored"]>td,
+.ch_dark .ui.table>thead>tr.olive:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.olive:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.olive:not(.marked)>td {
+    color: #8abc1e;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="olive colored"],
+.ch_dark .ui.ui.inverted.table th[class*="olive colored"],
+.ch_dark .ui.ui.inverted.table td[class*="olive colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.olive:not(.marked),
+.ch_dark .ui.ui.inverted.table th.olive:not(.marked),
+.ch_dark .ui.ui.inverted.table td.olive:not(.marked) {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="olive colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="olive colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="olive colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.olive:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.olive:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.olive:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="olive colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="olive colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="olive colored"],
+.ch_dark .ui.ui.selectable.table tr.olive:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.olive:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.olive:not(.marked) {
+    background: #f6fada;
+    color: #8abc1e;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="olive colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="olive colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="olive colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.olive:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.olive:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.olive:not(.marked) {
+    background: #d2e745;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="olive marked"].left,
+.ch_dark .ui.table tr[class*="olive marked"].left {
+    box-shadow: 0.2em 0 0 0 #b5cc18 inset;
+}
+
+.ch_dark .ui.table td[class*="olive marked"].right,
+.ch_dark .ui.table tr[class*="olive marked"].right {
+    box-shadow: -0.2em 0 0 0 #b5cc18 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="olive marked"].left,
+.ch_dark .ui.inverted.table tr[class*="olive marked"].left {
+    box-shadow: 0.2em 0 0 0 #d9e778 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="olive marked"].right,
+.ch_dark .ui.inverted.table tr[class*="olive marked"].right {
+    box-shadow: -0.2em 0 0 0 #d9e778 inset;
+}
+
+.ch_dark .ui.green.table {
+    border-top: 0.2em solid #21ba45;
+}
+
+.ch_dark .ui.inverted.green.table {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.green,
+.ch_dark .ui.scrolling.table>tfoot.green {
+    background: #d5f5d9;
+    color: #d5f5d9;
+}
+
+.ch_dark .ui.scrolling.table>thead.green>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.green>tr>th,
+.ch_dark .ui.scrolling.table>thead.green>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.green>tr>td {
+    color: #1ebc30;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.green,
+.ch_dark .ui.inverted.scrolling.table>tfoot.green {
+    background: #21ba45;
+    color: #21ba45;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.green>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.green>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.green>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.green>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="green colored"],
+.ch_dark .ui.ui.table th[class*="green colored"],
+.ch_dark .ui.ui.table td[class*="green colored"],
+.ch_dark .ui.ui.ui.ui.table tr.green:not(.marked),
+.ch_dark .ui.ui.table th.green:not(.marked),
+.ch_dark .ui.ui.table td.green:not(.marked) {
+    background: #d5f5d9;
+    color: #1ebc30;
+}
+
+.ch_dark .ui.table>thead>tr[class*="green colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="green colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="green colored"]>td,
+.ch_dark .ui.table>thead>tr.green:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.green:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.green:not(.marked)>td {
+    color: #1ebc30;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="green colored"],
+.ch_dark .ui.ui.inverted.table th[class*="green colored"],
+.ch_dark .ui.ui.inverted.table td[class*="green colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.green:not(.marked),
+.ch_dark .ui.ui.inverted.table th.green:not(.marked),
+.ch_dark .ui.ui.inverted.table td.green:not(.marked) {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="green colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="green colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="green colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.green:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.green:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.green:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="green colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="green colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="green colored"],
+.ch_dark .ui.ui.selectable.table tr.green:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.green:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.green:not(.marked) {
+    background: #d2eed5;
+    color: #1ebc30;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="green colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="green colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="green colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.green:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.green:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.green:not(.marked) {
+    background: #1ea92e;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="green marked"].left,
+.ch_dark .ui.table tr[class*="green marked"].left {
+    box-shadow: 0.2em 0 0 0 #21ba45 inset;
+}
+
+.ch_dark .ui.table td[class*="green marked"].right,
+.ch_dark .ui.table tr[class*="green marked"].right {
+    box-shadow: -0.2em 0 0 0 #21ba45 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="green marked"].left,
+.ch_dark .ui.inverted.table tr[class*="green marked"].left {
+    box-shadow: 0.2em 0 0 0 #2ecc40 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="green marked"].right,
+.ch_dark .ui.inverted.table tr[class*="green marked"].right {
+    box-shadow: -0.2em 0 0 0 #2ecc40 inset;
+}
+
+.ch_dark .ui.teal.table {
+    border-top: 0.2em solid #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.table {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.teal,
+.ch_dark .ui.scrolling.table>tfoot.teal {
+    background: #e2ffff;
+    color: #e2ffff;
+}
+
+.ch_dark .ui.scrolling.table>thead.teal>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.teal>tr>th,
+.ch_dark .ui.scrolling.table>thead.teal>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.teal>tr>td {
+    color: #10a3a3;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.teal,
+.ch_dark .ui.inverted.scrolling.table>tfoot.teal {
+    background: #00b5ad;
+    color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.teal>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.teal>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.teal>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.teal>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="teal colored"],
+.ch_dark .ui.ui.table th[class*="teal colored"],
+.ch_dark .ui.ui.table td[class*="teal colored"],
+.ch_dark .ui.ui.ui.ui.table tr.teal:not(.marked),
+.ch_dark .ui.ui.table th.teal:not(.marked),
+.ch_dark .ui.ui.table td.teal:not(.marked) {
+    background: #e2ffff;
+    color: #10a3a3;
+}
+
+.ch_dark .ui.table>thead>tr[class*="teal colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="teal colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="teal colored"]>td,
+.ch_dark .ui.table>thead>tr.teal:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.teal:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.teal:not(.marked)>td {
+    color: #10a3a3;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="teal colored"],
+.ch_dark .ui.ui.inverted.table th[class*="teal colored"],
+.ch_dark .ui.ui.inverted.table td[class*="teal colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.teal:not(.marked),
+.ch_dark .ui.ui.inverted.table th.teal:not(.marked),
+.ch_dark .ui.ui.inverted.table td.teal:not(.marked) {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="teal colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="teal colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="teal colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.teal:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.teal:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.teal:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="teal colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="teal colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="teal colored"],
+.ch_dark .ui.ui.selectable.table tr.teal:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.teal:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.teal:not(.marked) {
+    background: #d8ffff;
+    color: #10a3a3;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="teal colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="teal colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="teal colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.teal:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.teal:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.teal:not(.marked) {
+    background: #3affff;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="teal marked"].left,
+.ch_dark .ui.table tr[class*="teal marked"].left {
+    box-shadow: 0.2em 0 0 0 #00b5ad inset;
+}
+
+.ch_dark .ui.table td[class*="teal marked"].right,
+.ch_dark .ui.table tr[class*="teal marked"].right {
+    box-shadow: -0.2em 0 0 0 #00b5ad inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="teal marked"].left,
+.ch_dark .ui.inverted.table tr[class*="teal marked"].left {
+    box-shadow: 0.2em 0 0 0 #6dffff inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="teal marked"].right,
+.ch_dark .ui.inverted.table tr[class*="teal marked"].right {
+    box-shadow: -0.2em 0 0 0 #6dffff inset;
+}
+
+.ch_dark .ui.blue.table {
+    border-top: 0.2em solid #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.table {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.blue,
+.ch_dark .ui.scrolling.table>tfoot.blue {
+    background: #ddf4ff;
+    color: #ddf4ff;
+}
+
+.ch_dark .ui.scrolling.table>thead.blue>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.blue>tr>th,
+.ch_dark .ui.scrolling.table>thead.blue>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.blue>tr>td {
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.blue,
+.ch_dark .ui.inverted.scrolling.table>tfoot.blue {
+    background: #2185d0;
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.blue>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.blue>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.blue>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.blue>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="blue colored"],
+.ch_dark .ui.ui.table th[class*="blue colored"],
+.ch_dark .ui.ui.table td[class*="blue colored"],
+.ch_dark .ui.ui.ui.ui.table tr.blue:not(.marked),
+.ch_dark .ui.ui.table th.blue:not(.marked),
+.ch_dark .ui.ui.table td.blue:not(.marked) {
+    background: #ddf4ff;
+    color: #2185d0;
+}
+
+.ch_dark .ui.table>thead>tr[class*="blue colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="blue colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="blue colored"]>td,
+.ch_dark .ui.table>thead>tr.blue:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.blue:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.blue:not(.marked)>td {
+    color: #2185d0;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="blue colored"],
+.ch_dark .ui.ui.inverted.table th[class*="blue colored"],
+.ch_dark .ui.ui.inverted.table td[class*="blue colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.blue:not(.marked),
+.ch_dark .ui.ui.inverted.table th.blue:not(.marked),
+.ch_dark .ui.ui.inverted.table td.blue:not(.marked) {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="blue colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="blue colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="blue colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.blue:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.blue:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.blue:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="blue colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="blue colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="blue colored"],
+.ch_dark .ui.ui.selectable.table tr.blue:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.blue:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.blue:not(.marked) {
+    background: #d3f1ff;
+    color: #2185d0;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="blue colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="blue colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="blue colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.blue:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.blue:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.blue:not(.marked) {
+    background: #21b8ff;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="blue marked"].left,
+.ch_dark .ui.table tr[class*="blue marked"].left {
+    box-shadow: 0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.table td[class*="blue marked"].right,
+.ch_dark .ui.table tr[class*="blue marked"].right {
+    box-shadow: -0.2em 0 0 0 #2185d0 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="blue marked"].left,
+.ch_dark .ui.inverted.table tr[class*="blue marked"].left {
+    box-shadow: 0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="blue marked"].right,
+.ch_dark .ui.inverted.table tr[class*="blue marked"].right {
+    box-shadow: -0.2em 0 0 0 #54c8ff inset;
+}
+
+.ch_dark .ui.violet.table {
+    border-top: 0.2em solid #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.table {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.violet,
+.ch_dark .ui.scrolling.table>tfoot.violet {
+    background: #ece9fe;
+    color: #ece9fe;
+}
+
+.ch_dark .ui.scrolling.table>thead.violet>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.violet>tr>th,
+.ch_dark .ui.scrolling.table>thead.violet>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.violet>tr>td {
+    color: #6435c9;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.violet,
+.ch_dark .ui.inverted.scrolling.table>tfoot.violet {
+    background: #6435c9;
+    color: #6435c9;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.violet>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.violet>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.violet>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.violet>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="violet colored"],
+.ch_dark .ui.ui.table th[class*="violet colored"],
+.ch_dark .ui.ui.table td[class*="violet colored"],
+.ch_dark .ui.ui.ui.ui.table tr.violet:not(.marked),
+.ch_dark .ui.ui.table th.violet:not(.marked),
+.ch_dark .ui.ui.table td.violet:not(.marked) {
+    background: #ece9fe;
+    color: #6435c9;
+}
+
+.ch_dark .ui.table>thead>tr[class*="violet colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="violet colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="violet colored"]>td,
+.ch_dark .ui.table>thead>tr.violet:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.violet:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.violet:not(.marked)>td {
+    color: #6435c9;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="violet colored"],
+.ch_dark .ui.ui.inverted.table th[class*="violet colored"],
+.ch_dark .ui.ui.inverted.table td[class*="violet colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.violet:not(.marked),
+.ch_dark .ui.ui.inverted.table th.violet:not(.marked),
+.ch_dark .ui.ui.inverted.table td.violet:not(.marked) {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="violet colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="violet colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="violet colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.violet:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.violet:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.violet:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="violet colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="violet colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="violet colored"],
+.ch_dark .ui.ui.selectable.table tr.violet:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.violet:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.violet:not(.marked) {
+    background: #e3deff;
+    color: #6435c9;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="violet colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="violet colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="violet colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.violet:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.violet:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.violet:not(.marked) {
+    background: #745aff;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="violet marked"].left,
+.ch_dark .ui.table tr[class*="violet marked"].left {
+    box-shadow: 0.2em 0 0 0 #6435c9 inset;
+}
+
+.ch_dark .ui.table td[class*="violet marked"].right,
+.ch_dark .ui.table tr[class*="violet marked"].right {
+    box-shadow: -0.2em 0 0 0 #6435c9 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="violet marked"].left,
+.ch_dark .ui.inverted.table tr[class*="violet marked"].left {
+    box-shadow: 0.2em 0 0 0 #a291fb inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="violet marked"].right,
+.ch_dark .ui.inverted.table tr[class*="violet marked"].right {
+    box-shadow: -0.2em 0 0 0 #a291fb inset;
+}
+
+.ch_dark .ui.purple.table {
+    border-top: 0.2em solid #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.table {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.purple,
+.ch_dark .ui.scrolling.table>tfoot.purple {
+    background: #f8e3ff;
+    color: #f8e3ff;
+}
+
+.ch_dark .ui.scrolling.table>thead.purple>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.purple>tr>th,
+.ch_dark .ui.scrolling.table>thead.purple>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.purple>tr>td {
+    color: #a333c8;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.purple,
+.ch_dark .ui.inverted.scrolling.table>tfoot.purple {
+    background: #a333c8;
+    color: #a333c8;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.purple>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.purple>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.purple>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.purple>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="purple colored"],
+.ch_dark .ui.ui.table th[class*="purple colored"],
+.ch_dark .ui.ui.table td[class*="purple colored"],
+.ch_dark .ui.ui.ui.ui.table tr.purple:not(.marked),
+.ch_dark .ui.ui.table th.purple:not(.marked),
+.ch_dark .ui.ui.table td.purple:not(.marked) {
+    background: #f8e3ff;
+    color: #a333c8;
+}
+
+.ch_dark .ui.table>thead>tr[class*="purple colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="purple colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="purple colored"]>td,
+.ch_dark .ui.table>thead>tr.purple:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.purple:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.purple:not(.marked)>td {
+    color: #a333c8;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="purple colored"],
+.ch_dark .ui.ui.inverted.table th[class*="purple colored"],
+.ch_dark .ui.ui.inverted.table td[class*="purple colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.purple:not(.marked),
+.ch_dark .ui.ui.inverted.table th.purple:not(.marked),
+.ch_dark .ui.ui.inverted.table td.purple:not(.marked) {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="purple colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="purple colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="purple colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.purple:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.purple:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.purple:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="purple colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="purple colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="purple colored"],
+.ch_dark .ui.ui.selectable.table tr.purple:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.purple:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.purple:not(.marked) {
+    background: #f5d9ff;
+    color: #a333c8;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="purple colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="purple colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="purple colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.purple:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.purple:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.purple:not(.marked) {
+    background: #cf40ff;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="purple marked"].left,
+.ch_dark .ui.table tr[class*="purple marked"].left {
+    box-shadow: 0.2em 0 0 0 #a333c8 inset;
+}
+
+.ch_dark .ui.table td[class*="purple marked"].right,
+.ch_dark .ui.table tr[class*="purple marked"].right {
+    box-shadow: -0.2em 0 0 0 #a333c8 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="purple marked"].left,
+.ch_dark .ui.inverted.table tr[class*="purple marked"].left {
+    box-shadow: 0.2em 0 0 0 #dc73ff inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="purple marked"].right,
+.ch_dark .ui.inverted.table tr[class*="purple marked"].right {
+    box-shadow: -0.2em 0 0 0 #dc73ff inset;
+}
+
+.ch_dark .ui.pink.table {
+    border-top: 0.2em solid #e03997;
+}
+
+.ch_dark .ui.inverted.pink.table {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.pink,
+.ch_dark .ui.scrolling.table>tfoot.pink {
+    background: #ffe8f9;
+    color: #ffe8f9;
+}
+
+.ch_dark .ui.scrolling.table>thead.pink>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.pink>tr>th,
+.ch_dark .ui.scrolling.table>thead.pink>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.pink>tr>td {
+    color: #e03997;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.pink,
+.ch_dark .ui.inverted.scrolling.table>tfoot.pink {
+    background: #e03997;
+    color: #e03997;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.pink>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.pink>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.pink>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.pink>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="pink colored"],
+.ch_dark .ui.ui.table th[class*="pink colored"],
+.ch_dark .ui.ui.table td[class*="pink colored"],
+.ch_dark .ui.ui.ui.ui.table tr.pink:not(.marked),
+.ch_dark .ui.ui.table th.pink:not(.marked),
+.ch_dark .ui.ui.table td.pink:not(.marked) {
+    background: #ffe8f9;
+    color: #e03997;
+}
+
+.ch_dark .ui.table>thead>tr[class*="pink colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="pink colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="pink colored"]>td,
+.ch_dark .ui.table>thead>tr.pink:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.pink:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.pink:not(.marked)>td {
+    color: #e03997;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="pink colored"],
+.ch_dark .ui.ui.inverted.table th[class*="pink colored"],
+.ch_dark .ui.ui.inverted.table td[class*="pink colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.pink:not(.marked),
+.ch_dark .ui.ui.inverted.table th.pink:not(.marked),
+.ch_dark .ui.ui.inverted.table td.pink:not(.marked) {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="pink colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="pink colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="pink colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.pink:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.pink:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.pink:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="pink colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="pink colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="pink colored"],
+.ch_dark .ui.ui.selectable.table tr.pink:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.pink:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.pink:not(.marked) {
+    background: #ffdef6;
+    color: #e03997;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="pink colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="pink colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="pink colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.pink:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.pink:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.pink:not(.marked) {
+    background: #ff5bd1;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="pink marked"].left,
+.ch_dark .ui.table tr[class*="pink marked"].left {
+    box-shadow: 0.2em 0 0 0 #e03997 inset;
+}
+
+.ch_dark .ui.table td[class*="pink marked"].right,
+.ch_dark .ui.table tr[class*="pink marked"].right {
+    box-shadow: -0.2em 0 0 0 #e03997 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="pink marked"].left,
+.ch_dark .ui.inverted.table tr[class*="pink marked"].left {
+    box-shadow: 0.2em 0 0 0 #ff8edf inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="pink marked"].right,
+.ch_dark .ui.inverted.table tr[class*="pink marked"].right {
+    box-shadow: -0.2em 0 0 0 #ff8edf inset;
+}
+
+.ch_dark .ui.brown.table {
+    border-top: 0.2em solid #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.table {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.brown,
+.ch_dark .ui.scrolling.table>tfoot.brown {
+    background: #f7e5d2;
+    color: #f7e5d2;
+}
+
+.ch_dark .ui.scrolling.table>thead.brown>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.brown>tr>th,
+.ch_dark .ui.scrolling.table>thead.brown>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.brown>tr>td {
+    color: #a5673f;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.brown,
+.ch_dark .ui.inverted.scrolling.table>tfoot.brown {
+    background: #a5673f;
+    color: #a5673f;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.brown>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.brown>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.brown>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.brown>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="brown colored"],
+.ch_dark .ui.ui.table th[class*="brown colored"],
+.ch_dark .ui.ui.table td[class*="brown colored"],
+.ch_dark .ui.ui.ui.ui.table tr.brown:not(.marked),
+.ch_dark .ui.ui.table th.brown:not(.marked),
+.ch_dark .ui.ui.table td.brown:not(.marked) {
+    background: #f7e5d2;
+    color: #a5673f;
+}
+
+.ch_dark .ui.table>thead>tr[class*="brown colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="brown colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="brown colored"]>td,
+.ch_dark .ui.table>thead>tr.brown:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.brown:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.brown:not(.marked)>td {
+    color: #a5673f;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="brown colored"],
+.ch_dark .ui.ui.inverted.table th[class*="brown colored"],
+.ch_dark .ui.ui.inverted.table td[class*="brown colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.brown:not(.marked),
+.ch_dark .ui.ui.inverted.table th.brown:not(.marked),
+.ch_dark .ui.ui.inverted.table td.brown:not(.marked) {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="brown colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="brown colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="brown colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.brown:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.brown:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.brown:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="brown colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="brown colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="brown colored"],
+.ch_dark .ui.ui.selectable.table tr.brown:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.brown:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.brown:not(.marked) {
+    background: #efe0cf;
+    color: #a5673f;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="brown colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="brown colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="brown colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.brown:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.brown:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.brown:not(.marked) {
+    background: #b0620f;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="brown marked"].left,
+.ch_dark .ui.table tr[class*="brown marked"].left {
+    box-shadow: 0.2em 0 0 0 #a5673f inset;
+}
+
+.ch_dark .ui.table td[class*="brown marked"].right,
+.ch_dark .ui.table tr[class*="brown marked"].right {
+    box-shadow: -0.2em 0 0 0 #a5673f inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="brown marked"].left,
+.ch_dark .ui.inverted.table tr[class*="brown marked"].left {
+    box-shadow: 0.2em 0 0 0 #d67c1c inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="brown marked"].right,
+.ch_dark .ui.inverted.table tr[class*="brown marked"].right {
+    box-shadow: -0.2em 0 0 0 #d67c1c inset;
+}
+
+.ch_dark .ui.grey.table {
+    border-top: 0.2em solid #767676;
+}
+
+.ch_dark .ui.inverted.grey.table {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.grey,
+.ch_dark .ui.scrolling.table>tfoot.grey {
+    background: #dcddde;
+    color: #dcddde;
+}
+
+.ch_dark .ui.scrolling.table>thead.grey>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.grey>tr>th,
+.ch_dark .ui.scrolling.table>thead.grey>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.grey>tr>td {
+    color: #767676;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.grey,
+.ch_dark .ui.inverted.scrolling.table>tfoot.grey {
+    background: #767676;
+    color: #767676;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.grey>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.grey>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.grey>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.grey>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="grey colored"],
+.ch_dark .ui.ui.table th[class*="grey colored"],
+.ch_dark .ui.ui.table td[class*="grey colored"],
+.ch_dark .ui.ui.ui.ui.table tr.grey:not(.marked),
+.ch_dark .ui.ui.table th.grey:not(.marked),
+.ch_dark .ui.ui.table td.grey:not(.marked) {
+    background: #dcddde;
+    color: #767676;
+}
+
+.ch_dark .ui.table>thead>tr[class*="grey colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="grey colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="grey colored"]>td,
+.ch_dark .ui.table>thead>tr.grey:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.grey:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.grey:not(.marked)>td {
+    color: #767676;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="grey colored"],
+.ch_dark .ui.ui.inverted.table th[class*="grey colored"],
+.ch_dark .ui.ui.inverted.table td[class*="grey colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.grey:not(.marked),
+.ch_dark .ui.ui.inverted.table th.grey:not(.marked),
+.ch_dark .ui.ui.inverted.table td.grey:not(.marked) {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="grey colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="grey colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="grey colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.grey:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.grey:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.grey:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="grey colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="grey colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="grey colored"],
+.ch_dark .ui.ui.selectable.table tr.grey:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.grey:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.grey:not(.marked) {
+    background: #c2c4c5;
+    color: #767676;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="grey colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="grey colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="grey colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.grey:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.grey:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.grey:not(.marked) {
+    background: #c2c4c5;
+    color: #fff;
+}
+
+.ch_dark .ui.table td[class*="grey marked"].left,
+.ch_dark .ui.table tr[class*="grey marked"].left {
+    box-shadow: 0.2em 0 0 0 #767676 inset;
+}
+
+.ch_dark .ui.table td[class*="grey marked"].right,
+.ch_dark .ui.table tr[class*="grey marked"].right {
+    box-shadow: -0.2em 0 0 0 #767676 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="grey marked"].left,
+.ch_dark .ui.inverted.table tr[class*="grey marked"].left {
+    box-shadow: 0.2em 0 0 0 #dcddde inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="grey marked"].right,
+.ch_dark .ui.inverted.table tr[class*="grey marked"].right {
+    box-shadow: -0.2em 0 0 0 #dcddde inset;
+}
+
+.ch_dark .ui.black.table {
+    border-top: 0.2em solid #1b1c1d;
+}
+
+.ch_dark .ui.inverted.black.table {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.scrolling.table>thead.black,
+.ch_dark .ui.scrolling.table>tfoot.black {
+    background: #545454;
+    color: #545454;
+}
+
+.ch_dark .ui.scrolling.table>thead.black>tr>th,
+.ch_dark .ui.scrolling.table>tfoot.black>tr>th,
+.ch_dark .ui.scrolling.table>thead.black>tr>td,
+.ch_dark .ui.scrolling.table>tfoot.black>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.black,
+.ch_dark .ui.inverted.scrolling.table>tfoot.black {
+    background: #1b1c1d;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.scrolling.table>thead.black>tr>th,
+.ch_dark .ui.inverted.scrolling.table>tfoot.black>tr>th,
+.ch_dark .ui.inverted.scrolling.table>thead.black>tr>td,
+.ch_dark .ui.inverted.scrolling.table>tfoot.black>tr>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.table tr[class*="black colored"],
+.ch_dark .ui.ui.table th[class*="black colored"],
+.ch_dark .ui.ui.table td[class*="black colored"],
+.ch_dark .ui.ui.ui.ui.table tr.black:not(.marked),
+.ch_dark .ui.ui.table th.black:not(.marked),
+.ch_dark .ui.ui.table td.black:not(.marked) {
+    background: #545454;
+    color: #fff;
+}
+
+.ch_dark .ui.table>thead>tr[class*="black colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="black colored"]>th,
+.ch_dark .ui.table>tfoot>tr[class*="black colored"]>td,
+.ch_dark .ui.table>thead>tr.black:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.black:not(.marked)>th,
+.ch_dark .ui.table>tfoot>tr.black:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.ui.inverted.table tr[class*="black colored"],
+.ch_dark .ui.ui.inverted.table th[class*="black colored"],
+.ch_dark .ui.ui.inverted.table td[class*="black colored"],
+.ch_dark .ui.ui.ui.ui.inverted.table tr.black:not(.marked),
+.ch_dark .ui.ui.inverted.table th.black:not(.marked),
+.ch_dark .ui.ui.inverted.table td.black:not(.marked) {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.table>thead>tr[class*="black colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="black colored"]>th,
+.ch_dark .ui.inverted.table>tfoot>tr[class*="black colored"]>td,
+.ch_dark .ui.inverted.table>thead>tr.black:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.black:not(.marked)>th,
+.ch_dark .ui.inverted.table>tfoot>tr.black:not(.marked)>td {
+    color: #fff;
+}
+
+.ch_dark .ui.ui.selectable.table tr[class*="black colored"]:hover,
+.ch_dark .ui.table tr td.selectable[class*="black colored"]:hover,
+.ch_dark .ui.selectable.table tr:hover td[class*="black colored"],
+.ch_dark .ui.ui.selectable.table tr.black:not(.marked):hover,
+.ch_dark .ui.table tr td.selectable.black:not(.marked):hover,
+.ch_dark .ui.selectable.table tr:hover td.black:not(.marked) {
+    background: var(--blackbackground);
+    color: #fff;
+}
+
+.ch_dark .ui.ui.inverted.selectable.table tr[class*="black colored"]:hover,
+.ch_dark .ui.inverted.table tr td.selectable[class*="black colored"]:hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td[class*="black colored"],
+.ch_dark .ui.ui.inverted.selectable.table tr.black:not(.marked):hover,
+.ch_dark .ui.inverted.table tr td.selectable.black:not(.marked):hover,
+.ch_dark .ui.inverted.selectable.table tr:hover td.black:not(.marked) {
+    background: var(--blackbackground);
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.table td[class*="black marked"].left,
+.ch_dark .ui.table tr[class*="black marked"].left {
+    box-shadow: 0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.table td[class*="black marked"].right,
+.ch_dark .ui.table tr[class*="black marked"].right {
+    box-shadow: -0.2em 0 0 0 #1b1c1d inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="black marked"].left,
+.ch_dark .ui.inverted.table tr[class*="black marked"].left {
+    box-shadow: 0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.inverted.table td[class*="black marked"].right,
+.ch_dark .ui.inverted.table tr[class*="black marked"].right {
+    box-shadow: -0.2em 0 0 0 #545454 inset;
+}
+
+.ch_dark .ui.sortable.table>thead>tr>th {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.celled.sortable.table>thead>tr>th:not(:first-child) {
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.sortable.table th.disabled:hover {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+.ch_dark .ui.sortable.table>thead>tr>th:hover {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.sortable.table:not(.basic)>thead>tr>th:hover {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.sortable.table thead th.sorted {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.sortable.table:not(.basic) thead th.sorted {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.sortable.table thead th.sorted:hover {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.sortable.table:not(.basic) thead th.sorted:hover {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.inverted.sortable.table thead th.sorted {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.sortable.table:not(.basic) thead th.sorted {
+    background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+}
+
+.ch_dark .ui.inverted.sortable.table>thead>tr>th:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.sortable.table:not(.basic)>thead>tr>th:hover {
+    background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+}
+
+.ch_dark .ui.inverted.table {
+    background: #333;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.table>thead>tr>th,
+.ch_dark .ui.ui.inverted.table>tbody>tr>th,
+.ch_dark .ui.ui.inverted.table>tr>th {
+    background-color: rgba(0, 0, 0, 0.15);
+    border-color: rgba(255, 255, 255, 0.1);
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.table>tfoot>tr>th,
+.ch_dark .ui.ui.inverted.table>tfoot>tr>td {
+    background-color: rgba(0, 0, 0, 0.15);
+    border-color: rgba(255, 255, 255, 0.1);
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.table>tbody>tr>td,
+.ch_dark .ui.inverted.table>tfoot>tr>td,
+.ch_dark .ui.inverted.table>tr>td {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.ui.ui.inverted.table tr.disabled td,
+.ch_dark .ui.ui.ui.inverted.table tr td.disabled,
+.ch_dark .ui.inverted.table tr.disabled:hover td,
+.ch_dark .ui.inverted.table tr:hover td.disabled {
+    color: rgba(225, 225, 225, 0.3);
+}
+
+.ch_dark .ui.ui.ui.inverted.table tr td.disabled:not([class="disabled"]),
+.ch_dark .ui.inverted.table tr.disabled:not([class="disabled"]) td,
+.ch_dark .ui.inverted.table tr.disabled td[class]:not(.disabled),
+.ch_dark .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+.ch_dark .ui.inverted.definition.table>tfoot:not(.full-width)>tr>th:first-child,
+.ch_dark .ui.inverted.definition.table>thead:not(.full-width)>tr>th:first-child {
+    background: #fff;
+}
+
+.ch_dark .ui.inverted.definition.table>tbody>tr>td:first-child,
+.ch_dark .ui.inverted.definition.table>tfoot>tr>td:first-child,
+.ch_dark .ui.inverted.definition.table>tr>td:first-child {
+    background: rgba(255, 255, 255, 0.02);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.basic.table {
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.basic.table>tbody>tr {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.basic.striped.table>tbody>tr:nth-child(2n) {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.celled.table>tr>th,
+.ch_dark .ui.celled.table>thead>tr>th,
+.ch_dark .ui.celled.table>tbody>tr>th,
+.ch_dark .ui.celled.table>tfoot>tr>th,
+.ch_dark .ui.celled.table>tr>td,
+.ch_dark .ui.celled.table>tbody>tr>td,
+.ch_dark .ui.celled.table>tfoot>tr>td {
+    border-left: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.inverted.celled.table>tbody>tr>td,
+.ch_dark .ui.inverted.celled.table>tr>td {
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.stuck.table:not(.inverted) {
+    background: #fff;
+}
+
+.ch_dark .ui.stuck.table:not(.inverted)>thead>tr {
+    background: var(--blackcolor);
+}
+
+.ch_dark .ui.stuck.table:not(.inverted)>tbody>tr {
+    background: #fff;
+}
+
+.ch_dark .ui.stuck.table:not(.inverted)>tfoot>tr {
+    background: var(--blackcolor);
+}
+
+.ch_dark .ui.stuck.table:not(.inverted).basic>thead>tr,
+.ch_dark .ui.stuck.table:not(.inverted).basic>tfoot>tr {
+    background: #fff;
+}
+
+.ch_dark .ui.inverted.stuck.table>thead>tr {
+    background: #252525;
+}
+
+.ch_dark .ui.inverted.stuck.table>tbody>tr {
+    background: #333;
+}
+
+.ch_dark .ui.inverted.stuck.table>tfoot>tr {
+    background: #252525;
+}
+
+.ch_dark .ui.inverted.stuck.table.basic>thead>tr,
+.ch_dark .ui.inverted.stuck.table.basic>tfoot>tr {
+    background: #333;
+}
+
+.ch_dark .ui.head.stuck.table>thead>tr:first-child>th {
+    border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.head.stuck.table.inverted>thead>tr:first-child>th {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.foot.stuck.table>tfoot>tr:last-child>td,
+.ch_dark .ui.foot.stuck.table>tfoot>tr:last-child>th {
+    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.foot.stuck.table.inverted>tfoot>tr:first-child>td,
+.ch_dark .ui.foot.stuck.table.inverted>tfoot>tr:first-child>th {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.first.stuck.table th:first-child,
+.ch_dark .ui.first.stuck.table td:first-child {
+    border-left: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.first.stuck.table.inverted th:first-child,
+.ch_dark .ui.first.stuck.table.inverted td:first-child {
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.last.stuck.table th:last-child,
+.ch_dark .ui.last.stuck.table td:last-child {
+    border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.last.stuck.table.inverted th:last-child,
+.ch_dark .ui.last.stuck.table.inverted td:last-child {
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.celled.first.stuck.table th:first-child,
+.ch_dark .ui.celled.first.stuck.table td:first-child {
+    border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.celled.last.stuck.table th:last-child,
+.ch_dark .ui.celled.last.stuck.table td:last-child {
+    border-left: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.inverted.celled.first.stuck.table th:first-child,
+.ch_dark .ui.inverted.celled.first.stuck.table td:first-child {
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.inverted.celled.last.stuck.table th:last-child,
+.ch_dark .ui.inverted.celled.last.stuck.table td:last-child {
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/** Variations **/
+.ch_dark .ui.test.ad {
+    background: #545454;
+}
+
+.ch_dark .ui.test.ad::after {
+    color: #fff;
+}
+
+/** Standard Card **/
+.ch_dark .ui.cards>.card,
+.ch_dark .ui.card {
+    background: var(--blackbackground);
+    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
+}
+
+.ch_dark .ui.cards>.card>.image,
+.ch_dark .ui.card>.image {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.cards>.card>.content,
+.ch_dark .ui.card>.content {
+    border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.cards>.card>.content>.header,
+.ch_dark .ui.card>.content>.header {
+    color: rgba(255, 255, 255, 0.85);
+}
+
+.ch_dark .ui.cards>.card>.content>.description,
+.ch_dark .ui.card>.content>.description {
+    color: rgba(0, 0, 0, 0.68);
+}
+
+.ch_dark .ui.cards>.card .meta,
+.ch_dark .ui.card .meta {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.cards>.card>.content>a.header,
+.ch_dark .ui.card>.content>a.header {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.cards>.card>.content>a.header:hover,
+.ch_dark .ui.card>.content>a.header:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.cards>.card .meta>a:not(.ui),
+.ch_dark .ui.card .meta>a:not(.ui) {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.cards>.card .meta>a:not(.ui):hover,
+.ch_dark .ui.card .meta>a:not(.ui):hover {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.cards>.card>.content .star.icon:hover,
+.ch_dark .ui.card>.content .star.icon:hover {
+    color: #ffb70a;
+}
+
+.ch_dark .ui.cards>.card>.content .active.star.icon,
+.ch_dark .ui.card>.content .active.star.icon {
+    color: #ffe623;
+}
+
+.ch_dark .ui.cards>.card>.content .like.icon:hover,
+.ch_dark .ui.card>.content .like.icon:hover {
+    color: #ff2733;
+}
+
+.ch_dark .ui.cards>.card>.content .active.like.icon,
+.ch_dark .ui.card>.content .active.like.icon {
+    color: #ff2733;
+}
+
+.ch_dark .ui.cards>.card>.extra,
+.ch_dark .ui.card>.extra {
+    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.cards>.card>.extra a:not(.ui),
+.ch_dark .ui.card>.extra a:not(.ui) {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.ch_dark .ui.cards>.card>.extra a:not(.ui):hover,
+.ch_dark .ui.card>.extra a:not(.ui):hover {
+    color: #1e70bf;
+}
+
+/** States Disabled **/
+.ch_dark .ui.disabled.card {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+.ch_dark .ui.loading.card::before {
+    background: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.loading.card::after {
+    border: 0.2em solid #767676;
+}
+
+/** Variations Horizontal **/
+.ch_dark .ui.cards>.raised.card,
+.ch_dark .ui.raised.cards>.card,
+.ch_dark .ui.raised.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.raised.cards a.card:hover,
+.ch_dark .ui.link.cards .raised.card:hover,
+.ch_dark .ui.raised.card:hover,
+.ch_dark .ui.link.raised.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25);
+}
+
+.ch_dark .ui.basic.cards>.raised.card,
+.ch_dark .ui.basic.raised.cards>.card,
+.ch_dark .ui.raised.cards>.basic.card,
+.ch_dark .ui.basic.raised.card {
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.basic.raised.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.raised.card:hover,
+.ch_dark .ui.link.basic.cards .raised.card:hover,
+.ch_dark .ui.link.basic.raised.cards .card:hover,
+.ch_dark .ui.basic.raised.card:hover,
+.ch_dark .ui.link.basic.raised.card:hover {
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25);
+}
+
+.ch_dark .ui.cards a.card:hover,
+.ch_dark .ui.link.cards .card:not(.icon):hover,
+.ch_dark .ui.card:hover,
+.ch_dark .ui.link.card:hover {
+    background: var(--blackbackground);
+    box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
+}
+
+.ch_dark .ui.primary.cards>.card,
+.ch_dark .ui.cards>.primary.card,
+.ch_dark .ui.primary.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.primary.card:hover,
+.ch_dark .ui.primary.cards a.card:hover,
+.ch_dark .ui.link.primary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .primary.card:not(.icon):hover,
+.ch_dark .ui.primary.card:hover,
+.ch_dark .ui.link.primary.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.primary.card,
+.ch_dark .ui.basic.primary.cards>.card,
+.ch_dark .ui.basic.cards>.primary.card,
+.ch_dark .ui.basic.primary.card {
+    background: #54c8ff;
+}
+
+.ch_dark .ui.basic.cards a.primary.card:hover,
+.ch_dark .ui.cards a.basic.primary.card:hover,
+.ch_dark .ui.basic.primary.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.primary.card:not(.icon):hover,
+.ch_dark .ui.link.basic.primary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .primary.card:not(.icon):hover,
+.ch_dark .ui.basic.primary.card:hover,
+.ch_dark .ui.link.basic.primary.card:hover {
+    background: #21b8ff;
+}
+
+.ch_dark .ui.inverted.primary.cards>.card,
+.ch_dark .ui.inverted.cards>.primary.card,
+.ch_dark .ui.inverted.primary.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54c8ff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.primary.card:hover,
+.ch_dark .ui.inverted.primary.cards a.card:hover,
+.ch_dark .ui.link.inverted.primary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .primary.card:not(.icon):hover,
+.ch_dark .ui.inverted.primary.card:hover,
+.ch_dark .ui.link.inverted.primary.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.primary.card,
+.ch_dark .ui.basic.inverted.primary.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.primary.card,
+.ch_dark .ui.basic.inverted.primary.card {
+    background: #2185d0;
+}
+
+.ch_dark .ui.inverted.cards a.basic.primary.card:hover,
+.ch_dark .ui.basic.inverted.cards a.primary.card:hover,
+.ch_dark .ui.basic.inverted.primary.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.primary.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.primary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .primary.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.primary.card:hover,
+.ch_dark .ui.link.basic.inverted.primary.card:hover {
+    background: #1678c2;
+}
+
+.ch_dark .ui.secondary.cards>.card,
+.ch_dark .ui.cards>.secondary.card,
+.ch_dark .ui.secondary.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.secondary.card:hover,
+.ch_dark .ui.secondary.cards a.card:hover,
+.ch_dark .ui.link.secondary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .secondary.card:not(.icon):hover,
+.ch_dark .ui.secondary.card:hover,
+.ch_dark .ui.link.secondary.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.secondary.card,
+.ch_dark .ui.basic.secondary.cards>.card,
+.ch_dark .ui.basic.cards>.secondary.card,
+.ch_dark .ui.basic.secondary.card {
+    background: #545454;
+}
+
+.ch_dark .ui.basic.cards a.secondary.card:hover,
+.ch_dark .ui.cards a.basic.secondary.card:hover,
+.ch_dark .ui.basic.secondary.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.secondary.card:not(.icon):hover,
+.ch_dark .ui.link.basic.secondary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .secondary.card:not(.icon):hover,
+.ch_dark .ui.basic.secondary.card:hover,
+.ch_dark .ui.link.basic.secondary.card:hover {
+    background: #6e6e6e;
+}
+
+.ch_dark .ui.inverted.secondary.cards>.card,
+.ch_dark .ui.inverted.cards>.secondary.card,
+.ch_dark .ui.inverted.secondary.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.secondary.card:hover,
+.ch_dark .ui.inverted.secondary.cards a.card:hover,
+.ch_dark .ui.link.inverted.secondary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .secondary.card:not(.icon):hover,
+.ch_dark .ui.inverted.secondary.card:hover,
+.ch_dark .ui.link.inverted.secondary.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6e6e6e, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.secondary.card,
+.ch_dark .ui.basic.inverted.secondary.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.secondary.card,
+.ch_dark .ui.basic.inverted.secondary.card {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.cards a.basic.secondary.card:hover,
+.ch_dark .ui.basic.inverted.cards a.secondary.card:hover,
+.ch_dark .ui.basic.inverted.secondary.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.secondary.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.secondary.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .secondary.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.secondary.card:hover,
+.ch_dark .ui.link.basic.inverted.secondary.card:hover {
+    background: #27292a;
+}
+
+.ch_dark .ui.red.cards>.card,
+.ch_dark .ui.cards>.red.card,
+.ch_dark .ui.red.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.red.card:hover,
+.ch_dark .ui.red.cards a.card:hover,
+.ch_dark .ui.link.red.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .red.card:not(.icon):hover,
+.ch_dark .ui.red.card:hover,
+.ch_dark .ui.link.red.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.red.card,
+.ch_dark .ui.basic.red.cards>.card,
+.ch_dark .ui.basic.cards>.red.card,
+.ch_dark .ui.basic.red.card {
+    background: #ff695e;
+}
+
+.ch_dark .ui.basic.cards a.red.card:hover,
+.ch_dark .ui.cards a.basic.red.card:hover,
+.ch_dark .ui.basic.red.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.red.card:not(.icon):hover,
+.ch_dark .ui.link.basic.red.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .red.card:not(.icon):hover,
+.ch_dark .ui.basic.red.card:hover,
+.ch_dark .ui.link.basic.red.card:hover {
+    background: #ff392b;
+}
+
+.ch_dark .ui.inverted.red.cards>.card,
+.ch_dark .ui.inverted.cards>.red.card,
+.ch_dark .ui.inverted.red.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff695e, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.red.card:hover,
+.ch_dark .ui.inverted.red.cards a.card:hover,
+.ch_dark .ui.link.inverted.red.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .red.card:not(.icon):hover,
+.ch_dark .ui.inverted.red.card:hover,
+.ch_dark .ui.link.inverted.red.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff392b, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.red.card,
+.ch_dark .ui.basic.inverted.red.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.red.card,
+.ch_dark .ui.basic.inverted.red.card {
+    background: #db2828;
+}
+
+.ch_dark .ui.inverted.cards a.basic.red.card:hover,
+.ch_dark .ui.basic.inverted.cards a.red.card:hover,
+.ch_dark .ui.basic.inverted.red.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.red.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.red.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .red.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.red.card:hover,
+.ch_dark .ui.link.basic.inverted.red.card:hover {
+    background: #d01919;
+}
+
+.ch_dark .ui.orange.cards>.card,
+.ch_dark .ui.cards>.orange.card,
+.ch_dark .ui.orange.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.orange.card:hover,
+.ch_dark .ui.orange.cards a.card:hover,
+.ch_dark .ui.link.orange.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .orange.card:not(.icon):hover,
+.ch_dark .ui.orange.card:hover,
+.ch_dark .ui.link.orange.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.orange.card,
+.ch_dark .ui.basic.orange.cards>.card,
+.ch_dark .ui.basic.cards>.orange.card,
+.ch_dark .ui.basic.orange.card {
+    background: #ff851b;
+}
+
+.ch_dark .ui.basic.cards a.orange.card:hover,
+.ch_dark .ui.cards a.basic.orange.card:hover,
+.ch_dark .ui.basic.orange.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.orange.card:not(.icon):hover,
+.ch_dark .ui.link.basic.orange.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .orange.card:not(.icon):hover,
+.ch_dark .ui.basic.orange.card:hover,
+.ch_dark .ui.link.basic.orange.card:hover {
+    background: #e76b00;
+}
+
+.ch_dark .ui.inverted.orange.cards>.card,
+.ch_dark .ui.inverted.cards>.orange.card,
+.ch_dark .ui.inverted.orange.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff851b, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.orange.card:hover,
+.ch_dark .ui.inverted.orange.cards a.card:hover,
+.ch_dark .ui.link.inverted.orange.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .orange.card:not(.icon):hover,
+.ch_dark .ui.inverted.orange.card:hover,
+.ch_dark .ui.link.inverted.orange.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #e76b00, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.orange.card,
+.ch_dark .ui.basic.inverted.orange.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.orange.card,
+.ch_dark .ui.basic.inverted.orange.card {
+    background: #f2711c;
+}
+
+.ch_dark .ui.inverted.cards a.basic.orange.card:hover,
+.ch_dark .ui.basic.inverted.cards a.orange.card:hover,
+.ch_dark .ui.basic.inverted.orange.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.orange.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.orange.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .orange.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.orange.card:hover,
+.ch_dark .ui.link.basic.inverted.orange.card:hover {
+    background: #f26202;
+}
+
+.ch_dark .ui.yellow.cards>.card,
+.ch_dark .ui.cards>.yellow.card,
+.ch_dark .ui.yellow.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.yellow.card:hover,
+.ch_dark .ui.yellow.cards a.card:hover,
+.ch_dark .ui.link.yellow.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .yellow.card:not(.icon):hover,
+.ch_dark .ui.yellow.card:hover,
+.ch_dark .ui.link.yellow.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.yellow.card,
+.ch_dark .ui.basic.yellow.cards>.card,
+.ch_dark .ui.basic.cards>.yellow.card,
+.ch_dark .ui.basic.yellow.card {
+    background: #ffe21f;
+}
+
+.ch_dark .ui.basic.cards a.yellow.card:hover,
+.ch_dark .ui.cards a.basic.yellow.card:hover,
+.ch_dark .ui.basic.yellow.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.yellow.card:not(.icon):hover,
+.ch_dark .ui.link.basic.yellow.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .yellow.card:not(.icon):hover,
+.ch_dark .ui.basic.yellow.card:hover,
+.ch_dark .ui.link.basic.yellow.card:hover {
+    background: #ebcd00;
+}
+
+.ch_dark .ui.inverted.yellow.cards>.card,
+.ch_dark .ui.inverted.cards>.yellow.card,
+.ch_dark .ui.inverted.yellow.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ffe21f, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.yellow.card:hover,
+.ch_dark .ui.inverted.yellow.cards a.card:hover,
+.ch_dark .ui.link.inverted.yellow.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .yellow.card:not(.icon):hover,
+.ch_dark .ui.inverted.yellow.card:hover,
+.ch_dark .ui.link.inverted.yellow.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ebcd00, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.yellow.card,
+.ch_dark .ui.basic.inverted.yellow.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.yellow.card,
+.ch_dark .ui.basic.inverted.yellow.card {
+    background: #fbbd08;
+}
+
+.ch_dark .ui.inverted.cards a.basic.yellow.card:hover,
+.ch_dark .ui.basic.inverted.cards a.yellow.card:hover,
+.ch_dark .ui.basic.inverted.yellow.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.yellow.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.yellow.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .yellow.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.yellow.card:hover,
+.ch_dark .ui.link.basic.inverted.yellow.card:hover {
+    background: #eaae00;
+}
+
+.ch_dark .ui.olive.cards>.card,
+.ch_dark .ui.cards>.olive.card,
+.ch_dark .ui.olive.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.olive.card:hover,
+.ch_dark .ui.olive.cards a.card:hover,
+.ch_dark .ui.link.olive.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .olive.card:not(.icon):hover,
+.ch_dark .ui.olive.card:hover,
+.ch_dark .ui.link.olive.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.olive.card,
+.ch_dark .ui.basic.olive.cards>.card,
+.ch_dark .ui.basic.cards>.olive.card,
+.ch_dark .ui.basic.olive.card {
+    background: #d9e778;
+}
+
+.ch_dark .ui.basic.cards a.olive.card:hover,
+.ch_dark .ui.cards a.basic.olive.card:hover,
+.ch_dark .ui.basic.olive.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.olive.card:not(.icon):hover,
+.ch_dark .ui.link.basic.olive.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .olive.card:not(.icon):hover,
+.ch_dark .ui.basic.olive.card:hover,
+.ch_dark .ui.link.basic.olive.card:hover {
+    background: #d2e745;
+}
+
+.ch_dark .ui.inverted.olive.cards>.card,
+.ch_dark .ui.inverted.cards>.olive.card,
+.ch_dark .ui.inverted.olive.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #d9e778, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.olive.card:hover,
+.ch_dark .ui.inverted.olive.cards a.card:hover,
+.ch_dark .ui.link.inverted.olive.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .olive.card:not(.icon):hover,
+.ch_dark .ui.inverted.olive.card:hover,
+.ch_dark .ui.link.inverted.olive.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #d2e745, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.olive.card,
+.ch_dark .ui.basic.inverted.olive.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.olive.card,
+.ch_dark .ui.basic.inverted.olive.card {
+    background: #b5cc18;
+}
+
+.ch_dark .ui.inverted.cards a.basic.olive.card:hover,
+.ch_dark .ui.basic.inverted.cards a.olive.card:hover,
+.ch_dark .ui.basic.inverted.olive.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.olive.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.olive.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .olive.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.olive.card:hover,
+.ch_dark .ui.link.basic.inverted.olive.card:hover {
+    background: #a7bd0d;
+}
+
+.ch_dark .ui.green.cards>.card,
+.ch_dark .ui.cards>.green.card,
+.ch_dark .ui.green.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.green.card:hover,
+.ch_dark .ui.green.cards a.card:hover,
+.ch_dark .ui.link.green.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .green.card:not(.icon):hover,
+.ch_dark .ui.green.card:hover,
+.ch_dark .ui.link.green.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.green.card,
+.ch_dark .ui.basic.green.cards>.card,
+.ch_dark .ui.basic.cards>.green.card,
+.ch_dark .ui.basic.green.card {
+    background: #2ecc40;
+}
+
+.ch_dark .ui.basic.cards a.green.card:hover,
+.ch_dark .ui.cards a.basic.green.card:hover,
+.ch_dark .ui.basic.green.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.green.card:not(.icon):hover,
+.ch_dark .ui.link.basic.green.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .green.card:not(.icon):hover,
+.ch_dark .ui.basic.green.card:hover,
+.ch_dark .ui.link.basic.green.card:hover {
+    background: #1ea92e;
+}
+
+.ch_dark .ui.inverted.green.cards>.card,
+.ch_dark .ui.inverted.cards>.green.card,
+.ch_dark .ui.inverted.green.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #2ecc40, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.green.card:hover,
+.ch_dark .ui.inverted.green.cards a.card:hover,
+.ch_dark .ui.link.inverted.green.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .green.card:not(.icon):hover,
+.ch_dark .ui.inverted.green.card:hover,
+.ch_dark .ui.link.inverted.green.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #1ea92e, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.green.card,
+.ch_dark .ui.basic.inverted.green.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.green.card,
+.ch_dark .ui.basic.inverted.green.card {
+    background: #21ba45;
+}
+
+.ch_dark .ui.inverted.cards a.basic.green.card:hover,
+.ch_dark .ui.basic.inverted.cards a.green.card:hover,
+.ch_dark .ui.basic.inverted.green.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.green.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.green.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .green.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.green.card:hover,
+.ch_dark .ui.link.basic.inverted.green.card:hover {
+    background: #16ab39;
+}
+
+.ch_dark .ui.teal.cards>.card,
+.ch_dark .ui.cards>.teal.card,
+.ch_dark .ui.teal.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.teal.card:hover,
+.ch_dark .ui.teal.cards a.card:hover,
+.ch_dark .ui.link.teal.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .teal.card:not(.icon):hover,
+.ch_dark .ui.teal.card:hover,
+.ch_dark .ui.link.teal.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.teal.card,
+.ch_dark .ui.basic.teal.cards>.card,
+.ch_dark .ui.basic.cards>.teal.card,
+.ch_dark .ui.basic.teal.card {
+    background: #6dffff;
+}
+
+.ch_dark .ui.basic.cards a.teal.card:hover,
+.ch_dark .ui.cards a.basic.teal.card:hover,
+.ch_dark .ui.basic.teal.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.teal.card:not(.icon):hover,
+.ch_dark .ui.link.basic.teal.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .teal.card:not(.icon):hover,
+.ch_dark .ui.basic.teal.card:hover,
+.ch_dark .ui.link.basic.teal.card:hover {
+    background: #3affff;
+}
+
+.ch_dark .ui.inverted.teal.cards>.card,
+.ch_dark .ui.inverted.cards>.teal.card,
+.ch_dark .ui.inverted.teal.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #6dffff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.teal.card:hover,
+.ch_dark .ui.inverted.teal.cards a.card:hover,
+.ch_dark .ui.link.inverted.teal.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .teal.card:not(.icon):hover,
+.ch_dark .ui.inverted.teal.card:hover,
+.ch_dark .ui.link.inverted.teal.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #3affff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.teal.card,
+.ch_dark .ui.basic.inverted.teal.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.teal.card,
+.ch_dark .ui.basic.inverted.teal.card {
+    background: #00b5ad;
+}
+
+.ch_dark .ui.inverted.cards a.basic.teal.card:hover,
+.ch_dark .ui.basic.inverted.cards a.teal.card:hover,
+.ch_dark .ui.basic.inverted.teal.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.teal.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.teal.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .teal.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.teal.card:hover,
+.ch_dark .ui.link.basic.inverted.teal.card:hover {
+    background: #009c95;
+}
+
+.ch_dark .ui.blue.cards>.card,
+.ch_dark .ui.cards>.blue.card,
+.ch_dark .ui.blue.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.blue.card:hover,
+.ch_dark .ui.blue.cards a.card:hover,
+.ch_dark .ui.link.blue.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .blue.card:not(.icon):hover,
+.ch_dark .ui.blue.card:hover,
+.ch_dark .ui.link.blue.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.blue.card,
+.ch_dark .ui.basic.blue.cards>.card,
+.ch_dark .ui.basic.cards>.blue.card,
+.ch_dark .ui.basic.blue.card {
+    background: #54c8ff;
+}
+
+.ch_dark .ui.basic.cards a.blue.card:hover,
+.ch_dark .ui.cards a.basic.blue.card:hover,
+.ch_dark .ui.basic.blue.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.blue.card:not(.icon):hover,
+.ch_dark .ui.link.basic.blue.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .blue.card:not(.icon):hover,
+.ch_dark .ui.basic.blue.card:hover,
+.ch_dark .ui.link.basic.blue.card:hover {
+    background: #21b8ff;
+}
+
+.ch_dark .ui.inverted.blue.cards>.card,
+.ch_dark .ui.inverted.cards>.blue.card,
+.ch_dark .ui.inverted.blue.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54c8ff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.blue.card:hover,
+.ch_dark .ui.inverted.blue.cards a.card:hover,
+.ch_dark .ui.link.inverted.blue.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .blue.card:not(.icon):hover,
+.ch_dark .ui.inverted.blue.card:hover,
+.ch_dark .ui.link.inverted.blue.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.blue.card,
+.ch_dark .ui.basic.inverted.blue.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.blue.card,
+.ch_dark .ui.basic.inverted.blue.card {
+    background: #2185d0;
+}
+
+.ch_dark .ui.inverted.cards a.basic.blue.card:hover,
+.ch_dark .ui.basic.inverted.cards a.blue.card:hover,
+.ch_dark .ui.basic.inverted.blue.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.blue.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.blue.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .blue.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.blue.card:hover,
+.ch_dark .ui.link.basic.inverted.blue.card:hover {
+    background: #1678c2;
+}
+
+.ch_dark .ui.violet.cards>.card,
+.ch_dark .ui.cards>.violet.card,
+.ch_dark .ui.violet.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.violet.card:hover,
+.ch_dark .ui.violet.cards a.card:hover,
+.ch_dark .ui.link.violet.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .violet.card:not(.icon):hover,
+.ch_dark .ui.violet.card:hover,
+.ch_dark .ui.link.violet.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.violet.card,
+.ch_dark .ui.basic.violet.cards>.card,
+.ch_dark .ui.basic.cards>.violet.card,
+.ch_dark .ui.basic.violet.card {
+    background: #a291fb;
+}
+
+.ch_dark .ui.basic.cards a.violet.card:hover,
+.ch_dark .ui.cards a.basic.violet.card:hover,
+.ch_dark .ui.basic.violet.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.violet.card:not(.icon):hover,
+.ch_dark .ui.link.basic.violet.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .violet.card:not(.icon):hover,
+.ch_dark .ui.basic.violet.card:hover,
+.ch_dark .ui.link.basic.violet.card:hover {
+    background: #745aff;
+}
+
+.ch_dark .ui.inverted.violet.cards>.card,
+.ch_dark .ui.inverted.cards>.violet.card,
+.ch_dark .ui.inverted.violet.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #a291fb, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.violet.card:hover,
+.ch_dark .ui.inverted.violet.cards a.card:hover,
+.ch_dark .ui.link.inverted.violet.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .violet.card:not(.icon):hover,
+.ch_dark .ui.inverted.violet.card:hover,
+.ch_dark .ui.link.inverted.violet.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.violet.card,
+.ch_dark .ui.basic.inverted.violet.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.violet.card,
+.ch_dark .ui.basic.inverted.violet.card {
+    background: #6435c9;
+}
+
+.ch_dark .ui.inverted.cards a.basic.violet.card:hover,
+.ch_dark .ui.basic.inverted.cards a.violet.card:hover,
+.ch_dark .ui.basic.inverted.violet.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.violet.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.violet.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .violet.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.violet.card:hover,
+.ch_dark .ui.link.basic.inverted.violet.card:hover {
+    background: #5829bb;
+}
+
+.ch_dark .ui.purple.cards>.card,
+.ch_dark .ui.cards>.purple.card,
+.ch_dark .ui.purple.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.purple.card:hover,
+.ch_dark .ui.purple.cards a.card:hover,
+.ch_dark .ui.link.purple.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .purple.card:not(.icon):hover,
+.ch_dark .ui.purple.card:hover,
+.ch_dark .ui.link.purple.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.purple.card,
+.ch_dark .ui.basic.purple.cards>.card,
+.ch_dark .ui.basic.cards>.purple.card,
+.ch_dark .ui.basic.purple.card {
+    background: #dc73ff;
+}
+
+.ch_dark .ui.basic.cards a.purple.card:hover,
+.ch_dark .ui.cards a.basic.purple.card:hover,
+.ch_dark .ui.basic.purple.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.purple.card:not(.icon):hover,
+.ch_dark .ui.link.basic.purple.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .purple.card:not(.icon):hover,
+.ch_dark .ui.basic.purple.card:hover,
+.ch_dark .ui.link.basic.purple.card:hover {
+    background: #cf40ff;
+}
+
+.ch_dark .ui.inverted.purple.cards>.card,
+.ch_dark .ui.inverted.cards>.purple.card,
+.ch_dark .ui.inverted.purple.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #dc73ff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.purple.card:hover,
+.ch_dark .ui.inverted.purple.cards a.card:hover,
+.ch_dark .ui.link.inverted.purple.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .purple.card:not(.icon):hover,
+.ch_dark .ui.inverted.purple.card:hover,
+.ch_dark .ui.link.inverted.purple.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #cf40ff, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.purple.card,
+.ch_dark .ui.basic.inverted.purple.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.purple.card,
+.ch_dark .ui.basic.inverted.purple.card {
+    background: #a333c8;
+}
+
+.ch_dark .ui.inverted.cards a.basic.purple.card:hover,
+.ch_dark .ui.basic.inverted.cards a.purple.card:hover,
+.ch_dark .ui.basic.inverted.purple.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.purple.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.purple.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .purple.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.purple.card:hover,
+.ch_dark .ui.link.basic.inverted.purple.card:hover {
+    background: #9627ba;
+}
+
+.ch_dark .ui.pink.cards>.card,
+.ch_dark .ui.cards>.pink.card,
+.ch_dark .ui.pink.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.pink.card:hover,
+.ch_dark .ui.pink.cards a.card:hover,
+.ch_dark .ui.link.pink.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .pink.card:not(.icon):hover,
+.ch_dark .ui.pink.card:hover,
+.ch_dark .ui.link.pink.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.pink.card,
+.ch_dark .ui.basic.pink.cards>.card,
+.ch_dark .ui.basic.cards>.pink.card,
+.ch_dark .ui.basic.pink.card {
+    background: #ff8edf;
+}
+
+.ch_dark .ui.basic.cards a.pink.card:hover,
+.ch_dark .ui.cards a.basic.pink.card:hover,
+.ch_dark .ui.basic.pink.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.pink.card:not(.icon):hover,
+.ch_dark .ui.link.basic.pink.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .pink.card:not(.icon):hover,
+.ch_dark .ui.basic.pink.card:hover,
+.ch_dark .ui.link.basic.pink.card:hover {
+    background: #ff5bd1;
+}
+
+.ch_dark .ui.inverted.pink.cards>.card,
+.ch_dark .ui.inverted.cards>.pink.card,
+.ch_dark .ui.inverted.pink.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff8edf, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.pink.card:hover,
+.ch_dark .ui.inverted.pink.cards a.card:hover,
+.ch_dark .ui.link.inverted.pink.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .pink.card:not(.icon):hover,
+.ch_dark .ui.inverted.pink.card:hover,
+.ch_dark .ui.link.inverted.pink.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #ff5bd1, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.pink.card,
+.ch_dark .ui.basic.inverted.pink.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.pink.card,
+.ch_dark .ui.basic.inverted.pink.card {
+    background: #e03997;
+}
+
+.ch_dark .ui.inverted.cards a.basic.pink.card:hover,
+.ch_dark .ui.basic.inverted.cards a.pink.card:hover,
+.ch_dark .ui.basic.inverted.pink.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.pink.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.pink.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .pink.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.pink.card:hover,
+.ch_dark .ui.link.basic.inverted.pink.card:hover {
+    background: #e61a8d;
+}
+
+.ch_dark .ui.brown.cards>.card,
+.ch_dark .ui.cards>.brown.card,
+.ch_dark .ui.brown.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.brown.card:hover,
+.ch_dark .ui.brown.cards a.card:hover,
+.ch_dark .ui.link.brown.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .brown.card:not(.icon):hover,
+.ch_dark .ui.brown.card:hover,
+.ch_dark .ui.link.brown.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.brown.card,
+.ch_dark .ui.basic.brown.cards>.card,
+.ch_dark .ui.basic.cards>.brown.card,
+.ch_dark .ui.basic.brown.card {
+    background: #d67c1c;
+}
+
+.ch_dark .ui.basic.cards a.brown.card:hover,
+.ch_dark .ui.cards a.basic.brown.card:hover,
+.ch_dark .ui.basic.brown.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.brown.card:not(.icon):hover,
+.ch_dark .ui.link.basic.brown.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .brown.card:not(.icon):hover,
+.ch_dark .ui.basic.brown.card:hover,
+.ch_dark .ui.link.basic.brown.card:hover {
+    background: #b0620f;
+}
+
+.ch_dark .ui.inverted.brown.cards>.card,
+.ch_dark .ui.inverted.cards>.brown.card,
+.ch_dark .ui.inverted.brown.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #d67c1c, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.brown.card:hover,
+.ch_dark .ui.inverted.brown.cards a.card:hover,
+.ch_dark .ui.link.inverted.brown.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .brown.card:not(.icon):hover,
+.ch_dark .ui.inverted.brown.card:hover,
+.ch_dark .ui.link.inverted.brown.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #b0620f, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.brown.card,
+.ch_dark .ui.basic.inverted.brown.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.brown.card,
+.ch_dark .ui.basic.inverted.brown.card {
+    background: #a5673f;
+}
+
+.ch_dark .ui.inverted.cards a.basic.brown.card:hover,
+.ch_dark .ui.basic.inverted.cards a.brown.card:hover,
+.ch_dark .ui.basic.inverted.brown.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.brown.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.brown.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .brown.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.brown.card:hover,
+.ch_dark .ui.link.basic.inverted.brown.card:hover {
+    background: #975b33;
+}
+
+.ch_dark .ui.grey.cards>.card,
+.ch_dark .ui.cards>.grey.card,
+.ch_dark .ui.grey.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.grey.card:hover,
+.ch_dark .ui.grey.cards a.card:hover,
+.ch_dark .ui.link.grey.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .grey.card:not(.icon):hover,
+.ch_dark .ui.grey.card:hover,
+.ch_dark .ui.link.grey.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.grey.card,
+.ch_dark .ui.basic.grey.cards>.card,
+.ch_dark .ui.basic.cards>.grey.card,
+.ch_dark .ui.basic.grey.card {
+    background: #dcddde;
+}
+
+.ch_dark .ui.basic.cards a.grey.card:hover,
+.ch_dark .ui.cards a.basic.grey.card:hover,
+.ch_dark .ui.basic.grey.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.grey.card:not(.icon):hover,
+.ch_dark .ui.link.basic.grey.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .grey.card:not(.icon):hover,
+.ch_dark .ui.basic.grey.card:hover,
+.ch_dark .ui.link.basic.grey.card:hover {
+    background: #c2c4c5;
+}
+
+.ch_dark .ui.inverted.grey.cards>.card,
+.ch_dark .ui.inverted.cards>.grey.card,
+.ch_dark .ui.inverted.grey.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #dcddde, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.grey.card:hover,
+.ch_dark .ui.inverted.grey.cards a.card:hover,
+.ch_dark .ui.link.inverted.grey.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .grey.card:not(.icon):hover,
+.ch_dark .ui.inverted.grey.card:hover,
+.ch_dark .ui.link.inverted.grey.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #c2c4c5, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.grey.card,
+.ch_dark .ui.basic.inverted.grey.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.grey.card,
+.ch_dark .ui.basic.inverted.grey.card {
+    background: #767676;
+}
+
+.ch_dark .ui.inverted.cards a.basic.grey.card:hover,
+.ch_dark .ui.basic.inverted.cards a.grey.card:hover,
+.ch_dark .ui.basic.inverted.grey.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.grey.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.grey.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .grey.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.grey.card:hover,
+.ch_dark .ui.link.basic.inverted.grey.card:hover {
+    background: #838383;
+}
+
+.ch_dark .ui.black.cards>.card,
+.ch_dark .ui.cards>.black.card,
+.ch_dark .ui.black.card {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5;
+}
+
+.ch_dark .ui.cards a.black.card:hover,
+.ch_dark .ui.black.cards a.card:hover,
+.ch_dark .ui.link.black.cards .card:not(.icon):hover,
+.ch_dark .ui.link.cards .black.card:not(.icon):hover,
+.ch_dark .ui.black.card:hover,
+.ch_dark .ui.link.black.card:hover {
+    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd;
+}
+
+.ch_dark .ui.cards>.basic.black.card,
+.ch_dark .ui.basic.black.cards>.card,
+.ch_dark .ui.basic.cards>.black.card,
+.ch_dark .ui.basic.black.card {
+    background: #545454;
+}
+
+.ch_dark .ui.cards>.basic.black.card .header,
+.ch_dark .ui.basic.black.cards>.card .header,
+.ch_dark .ui.basic.cards>.black.card .header,
+.ch_dark .ui.basic.black.card .header,
+.ch_dark .ui.cards>.basic.black.card .content,
+.ch_dark .ui.basic.black.cards>.card .content,
+.ch_dark .ui.basic.cards>.black.card .content,
+.ch_dark .ui.basic.black.card .content,
+.ch_dark .ui.cards>.basic.black.card .meta,
+.ch_dark .ui.basic.black.cards>.card .meta,
+.ch_dark .ui.basic.cards>.black.card .meta,
+.ch_dark .ui.basic.black.card .meta,
+.ch_dark .ui.cards>.basic.black.card .description,
+.ch_dark .ui.basic.black.cards>.card .description,
+.ch_dark .ui.basic.cards>.black.card .description,
+.ch_dark .ui.basic.black.card .description {
+    color: #fff;
+}
+
+.ch_dark .ui.basic.cards a.black.card:hover,
+.ch_dark .ui.cards a.basic.black.card:hover,
+.ch_dark .ui.basic.black.cards a.card:hover,
+.ch_dark .ui.link.cards .basic.black.card:not(.icon):hover,
+.ch_dark .ui.link.basic.black.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.cards .black.card:not(.icon):hover,
+.ch_dark .ui.basic.black.card:hover,
+.ch_dark .ui.link.basic.black.card:hover {
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.black.cards>.card,
+.ch_dark .ui.inverted.cards>.black.card,
+.ch_dark .ui.inverted.black.card {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #545454, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards a.black.card:hover,
+.ch_dark .ui.inverted.black.cards a.card:hover,
+.ch_dark .ui.link.inverted.black.cards .card:not(.icon):hover,
+.ch_dark .ui.link.inverted.cards .black.card:not(.icon):hover,
+.ch_dark .ui.inverted.black.card:hover,
+.ch_dark .ui.link.inverted.black.card:hover {
+    box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 var(--blackbackground), 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.basic.black.card,
+.ch_dark .ui.basic.inverted.black.cards>.card,
+.ch_dark .ui.basic.inverted.cards>.black.card,
+.ch_dark .ui.basic.inverted.black.card {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.cards a.basic.black.card:hover,
+.ch_dark .ui.basic.inverted.cards a.black.card:hover,
+.ch_dark .ui.basic.inverted.black.cards a.card:hover,
+.ch_dark .ui.link.inverted.cards .basic.black.card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.black.cards .card:not(.icon):hover,
+.ch_dark .ui.link.basic.inverted.cards .black.card:not(.icon):hover,
+.ch_dark .ui.basic.inverted.black.card:hover,
+.ch_dark .ui.link.basic.inverted.black.card:hover {
+    background: #27292a;
+}
+
+.ch_dark .ui.inverted.cards>.card,
+.ch_dark .ui.inverted.card {
+    background: #1b1c1d;
+    box-shadow: 0 1px 3px 0 #555555, 0 0 0 1px #555555;
+}
+
+.ch_dark .ui.inverted.cards>.card>.content,
+.ch_dark .ui.inverted.card>.content {
+    border-top: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.inverted.cards>.card>.content>.header,
+.ch_dark .ui.inverted.card>.content>.header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.cards>.card>.content>a.header,
+.ch_dark .ui.inverted.card>.content>a.header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.cards>.card>.content>a.header:hover,
+.ch_dark .ui.inverted.card>.content>a.header:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.inverted.cards>.card>.content>.description,
+.ch_dark .ui.inverted.card>.content>.description {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.inverted.cards>.card .meta,
+.ch_dark .ui.inverted.card .meta {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.cards>.card .meta>a:not(.ui),
+.ch_dark .ui.inverted.card .meta>a:not(.ui) {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.cards>.card .meta>a:not(.ui):hover,
+.ch_dark .ui.inverted.card .meta>a:not(.ui):hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.cards>.card>.extra,
+.ch_dark .ui.inverted.card>.extra {
+    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.cards>.card>.extra a:not(.ui),
+.ch_dark .ui.inverted.card>.extra a:not(.ui) {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.inverted.cards>.card>.extra a:not(.ui):hover,
+.ch_dark .ui.inverted.card>.extra a:not(.ui):hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.inverted.cards a.card:hover,
+.ch_dark .ui.inverted.link.cards .card:not(.icon):hover,
+.ch_dark .inverted.ui.card:hover,
+.ch_dark .ui.inverted.link.card:hover {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.loading.card {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.loading.card::before {
+    background: rgba(0, 0, 0, 0.85);
+}
+
+/*!#Comment ** Standard Comments **/
+.ch_dark .ui.comments .comment .author {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.comments .comment a.author:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.comments .comment .metadata {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.comments .comment .text {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.comments .comment .actions a {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.ch_dark .ui.comments .comment .actions a.active,
+.ch_dark .ui.comments .comment .actions a:hover {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+/** State **/
+/** Variations Threaded -**/
+.ch_dark .ui.threaded.comments .comment>.comments {
+    box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.inverted.comments .comment {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.comments .comment .author,
+.ch_dark .ui.inverted.comments .comment .text {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.comments .comment .metadata,
+.ch_dark .ui.inverted.comments .comment .actions a {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.comments .comment a.author:hover,
+.ch_dark .ui.inverted.comments .comment .actions a.active,
+.ch_dark .ui.inverted.comments .comment .actions a:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.threaded.comments .comment>.comments {
+    box-shadow: -1px 0 0 #555555;
+}
+
+/*!#Feed ** Activity Feed **/
+/** Content ** Event **/
+.ch_dark .ui.feed>.event>.label .icon {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.feed>.event>.content .date {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.feed>.event>.content .summary {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.feed>.event>.content .summary>.date {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.feed>.event>.content .extra {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.feed>.event>.content .meta {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.feed>.event>.content .meta>*::after {
+    color: rgba(0, 0, 0, 0.2);
+}
+
+.ch_dark .ui.feed>.event>.content .meta .like:hover i.icon {
+    color: #ff2733;
+}
+
+.ch_dark .ui.feed>.event>.content .meta .active.like i.icon {
+    color: #ef404a;
+}
+
+.ch_dark .ui.feed>.event>.content .meta a,
+.ch_dark .ui.feed>.event>.content .meta>i.icon {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.feed>.event>.content .meta a:hover,
+.ch_dark .ui.feed>.event>.content .meta a:hover i.icon,
+.ch_dark .ui.feed>.event>.content .meta>i.icon:hover {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+/** Variations ** rtl:rename **/
+.ch_dark .ui.connected.feed>.event:not(:last-child)::before {
+    border-left: 2px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.inverted.connected.feed>.event::before {
+    border-left-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.divided.feed>.event:not(:first-child) {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.inverted.divided.feed>.event {
+    border-top-color: rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.feed>.event>.label[data-text]::before,
+.ch_dark .ui.ordered.feed>.event>.label::before {
+    background: #bbbbbb;
+    color: #fff;
+}
+
+.ch_dark .ui.ordered.basic.feed>.event>.label::before,
+.ch_dark .ui.ordered.feed>.event>.basic.label::before {
+    border-color: #bbbbbb;
+}
+
+.ch_dark .ui.inverted.feed>.event {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.feed>.event>.label i.icon {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.feed>.event>.label .text:not(.ui) {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.feed>.event>.content .date,
+.ch_dark .ui.inverted.feed>.event>.content .meta .like {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.feed>.event>.content .summary,
+.ch_dark .ui.inverted.feed>.event>.content .extra.text {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.feed>.event>.content .meta .like:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.feed>.event>.content .meta .active.like i.icon {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.ui.feed>.event>.primary.label::before,
+.ch_dark .ui.primary.feed>.event>.label::before {
+    background: #2185d0;
+}
+
+.ch_dark .ui.primary.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.primary.event::before {
+    border-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.primary.event::before {
+    border-color: #54c8ff;
+}
+
+.ch_dark .ui.ui.feed>.event>.primary.basic.label::before,
+.ch_dark .ui.primary.basic.feed>.event>.label::before {
+    color: #2185d0;
+}
+
+.ch_dark .ui.feed>.event>.inverted.primary.label::before,
+.ch_dark .ui.inverted.primary.feed>.event>.label::before {
+    background: #54c8ff;
+}
+
+.ch_dark .ui.feed>.event>.inverted.primary.basic.label::before,
+.ch_dark .ui.inverted.primary.basic.feed>.event>.label::before {
+    color: #54c8ff;
+}
+
+.ch_dark .ui.ui.feed>.event>.secondary.label::before,
+.ch_dark .ui.secondary.feed>.event>.label::before {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.secondary.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.secondary.event::before {
+    border-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.secondary.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.secondary.event::before {
+    border-color: #545454;
+}
+
+.ch_dark .ui.ui.feed>.event>.secondary.basic.label::before,
+.ch_dark .ui.secondary.basic.feed>.event>.label::before {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.feed>.event>.inverted.secondary.label::before,
+.ch_dark .ui.inverted.secondary.feed>.event>.label::before {
+    background: #545454;
+}
+
+.ch_dark .ui.feed>.event>.inverted.secondary.basic.label::before,
+.ch_dark .ui.inverted.secondary.basic.feed>.event>.label::before {
+    color: #545454;
+}
+
+.ch_dark .ui.ui.feed>.event>.red.label::before,
+.ch_dark .ui.red.feed>.event>.label::before {
+    background: #db2828;
+}
+
+.ch_dark .ui.red.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.red.event::before {
+    border-color: #db2828;
+}
+
+.ch_dark .ui.inverted.red.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.red.event::before {
+    border-color: #ff695e;
+}
+
+.ch_dark .ui.ui.feed>.event>.red.basic.label::before,
+.ch_dark .ui.red.basic.feed>.event>.label::before {
+    color: #db2828;
+}
+
+.ch_dark .ui.feed>.event>.inverted.red.label::before,
+.ch_dark .ui.inverted.red.feed>.event>.label::before {
+    background: #ff695e;
+}
+
+.ch_dark .ui.feed>.event>.inverted.red.basic.label::before,
+.ch_dark .ui.inverted.red.basic.feed>.event>.label::before {
+    color: #ff695e;
+}
+
+.ch_dark .ui.ui.feed>.event>.orange.label::before,
+.ch_dark .ui.orange.feed>.event>.label::before {
+    background: #f2711c;
+}
+
+.ch_dark .ui.orange.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.orange.event::before {
+    border-color: #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.orange.event::before {
+    border-color: #ff851b;
+}
+
+.ch_dark .ui.ui.feed>.event>.orange.basic.label::before,
+.ch_dark .ui.orange.basic.feed>.event>.label::before {
+    color: #f2711c;
+}
+
+.ch_dark .ui.feed>.event>.inverted.orange.label::before,
+.ch_dark .ui.inverted.orange.feed>.event>.label::before {
+    background: #ff851b;
+}
+
+.ch_dark .ui.feed>.event>.inverted.orange.basic.label::before,
+.ch_dark .ui.inverted.orange.basic.feed>.event>.label::before {
+    color: #ff851b;
+}
+
+.ch_dark .ui.ui.feed>.event>.yellow.label::before,
+.ch_dark .ui.yellow.feed>.event>.label::before {
+    background: #fbbd08;
+}
+
+.ch_dark .ui.yellow.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.yellow.event::before {
+    border-color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.yellow.event::before {
+    border-color: #ffe21f;
+}
+
+.ch_dark .ui.ui.feed>.event>.yellow.basic.label::before,
+.ch_dark .ui.yellow.basic.feed>.event>.label::before {
+    color: #fbbd08;
+}
+
+.ch_dark .ui.feed>.event>.inverted.yellow.label::before,
+.ch_dark .ui.inverted.yellow.feed>.event>.label::before {
+    background: #ffe21f;
+}
+
+.ch_dark .ui.feed>.event>.inverted.yellow.basic.label::before,
+.ch_dark .ui.inverted.yellow.basic.feed>.event>.label::before {
+    color: #ffe21f;
+}
+
+.ch_dark .ui.ui.feed>.event>.olive.label::before,
+.ch_dark .ui.olive.feed>.event>.label::before {
+    background: #b5cc18;
+}
+
+.ch_dark .ui.olive.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.olive.event::before {
+    border-color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.olive.event::before {
+    border-color: #d9e778;
+}
+
+.ch_dark .ui.ui.feed>.event>.olive.basic.label::before,
+.ch_dark .ui.olive.basic.feed>.event>.label::before {
+    color: #b5cc18;
+}
+
+.ch_dark .ui.feed>.event>.inverted.olive.label::before,
+.ch_dark .ui.inverted.olive.feed>.event>.label::before {
+    background: #d9e778;
+}
+
+.ch_dark .ui.feed>.event>.inverted.olive.basic.label::before,
+.ch_dark .ui.inverted.olive.basic.feed>.event>.label::before {
+    color: #d9e778;
+}
+
+.ch_dark .ui.ui.feed>.event>.green.label::before,
+.ch_dark .ui.green.feed>.event>.label::before {
+    background: #21ba45;
+}
+
+.ch_dark .ui.green.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.green.event::before {
+    border-color: #21ba45;
+}
+
+.ch_dark .ui.inverted.green.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.green.event::before {
+    border-color: #2ecc40;
+}
+
+.ch_dark .ui.ui.feed>.event>.green.basic.label::before,
+.ch_dark .ui.green.basic.feed>.event>.label::before {
+    color: #21ba45;
+}
+
+.ch_dark .ui.feed>.event>.inverted.green.label::before,
+.ch_dark .ui.inverted.green.feed>.event>.label::before {
+    background: #2ecc40;
+}
+
+.ch_dark .ui.feed>.event>.inverted.green.basic.label::before,
+.ch_dark .ui.inverted.green.basic.feed>.event>.label::before {
+    color: #2ecc40;
+}
+
+.ch_dark .ui.ui.feed>.event>.teal.label::before,
+.ch_dark .ui.teal.feed>.event>.label::before {
+    background: #00b5ad;
+}
+
+.ch_dark .ui.teal.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.teal.event::before {
+    border-color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.teal.event::before {
+    border-color: #6dffff;
+}
+
+.ch_dark .ui.ui.feed>.event>.teal.basic.label::before,
+.ch_dark .ui.teal.basic.feed>.event>.label::before {
+    color: #00b5ad;
+}
+
+.ch_dark .ui.feed>.event>.inverted.teal.label::before,
+.ch_dark .ui.inverted.teal.feed>.event>.label::before {
+    background: #6dffff;
+}
+
+.ch_dark .ui.feed>.event>.inverted.teal.basic.label::before,
+.ch_dark .ui.inverted.teal.basic.feed>.event>.label::before {
+    color: #6dffff;
+}
+
+.ch_dark .ui.ui.feed>.event>.blue.label::before,
+.ch_dark .ui.blue.feed>.event>.label::before {
+    background: #2185d0;
+}
+
+.ch_dark .ui.blue.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.blue.event::before {
+    border-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.blue.event::before {
+    border-color: #54c8ff;
+}
+
+.ch_dark .ui.ui.feed>.event>.blue.basic.label::before,
+.ch_dark .ui.blue.basic.feed>.event>.label::before {
+    color: #2185d0;
+}
+
+.ch_dark .ui.feed>.event>.inverted.blue.label::before,
+.ch_dark .ui.inverted.blue.feed>.event>.label::before {
+    background: #54c8ff;
+}
+
+.ch_dark .ui.feed>.event>.inverted.blue.basic.label::before,
+.ch_dark .ui.inverted.blue.basic.feed>.event>.label::before {
+    color: #54c8ff;
+}
+
+.ch_dark .ui.ui.feed>.event>.violet.label::before,
+.ch_dark .ui.violet.feed>.event>.label::before {
+    background: #6435c9;
+}
+
+.ch_dark .ui.violet.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.violet.event::before {
+    border-color: #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.violet.event::before {
+    border-color: #a291fb;
+}
+
+.ch_dark .ui.ui.feed>.event>.violet.basic.label::before,
+.ch_dark .ui.violet.basic.feed>.event>.label::before {
+    color: #6435c9;
+}
+
+.ch_dark .ui.feed>.event>.inverted.violet.label::before,
+.ch_dark .ui.inverted.violet.feed>.event>.label::before {
+    background: #a291fb;
+}
+
+.ch_dark .ui.feed>.event>.inverted.violet.basic.label::before,
+.ch_dark .ui.inverted.violet.basic.feed>.event>.label::before {
+    color: #a291fb;
+}
+
+.ch_dark .ui.ui.feed>.event>.purple.label::before,
+.ch_dark .ui.purple.feed>.event>.label::before {
+    background: #a333c8;
+}
+
+.ch_dark .ui.purple.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.purple.event::before {
+    border-color: #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.purple.event::before {
+    border-color: #dc73ff;
+}
+
+.ch_dark .ui.ui.feed>.event>.purple.basic.label::before,
+.ch_dark .ui.purple.basic.feed>.event>.label::before {
+    color: #a333c8;
+}
+
+.ch_dark .ui.feed>.event>.inverted.purple.label::before,
+.ch_dark .ui.inverted.purple.feed>.event>.label::before {
+    background: #dc73ff;
+}
+
+.ch_dark .ui.feed>.event>.inverted.purple.basic.label::before,
+.ch_dark .ui.inverted.purple.basic.feed>.event>.label::before {
+    color: #dc73ff;
+}
+
+.ch_dark .ui.ui.feed>.event>.pink.label::before,
+.ch_dark .ui.pink.feed>.event>.label::before {
+    background: #e03997;
+}
+
+.ch_dark .ui.pink.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.pink.event::before {
+    border-color: #e03997;
+}
+
+.ch_dark .ui.inverted.pink.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.pink.event::before {
+    border-color: #ff8edf;
+}
+
+.ch_dark .ui.ui.feed>.event>.pink.basic.label::before,
+.ch_dark .ui.pink.basic.feed>.event>.label::before {
+    color: #e03997;
+}
+
+.ch_dark .ui.feed>.event>.inverted.pink.label::before,
+.ch_dark .ui.inverted.pink.feed>.event>.label::before {
+    background: #ff8edf;
+}
+
+.ch_dark .ui.feed>.event>.inverted.pink.basic.label::before,
+.ch_dark .ui.inverted.pink.basic.feed>.event>.label::before {
+    color: #ff8edf;
+}
+
+.ch_dark .ui.ui.feed>.event>.brown.label::before,
+.ch_dark .ui.brown.feed>.event>.label::before {
+    background: #a5673f;
+}
+
+.ch_dark .ui.brown.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.brown.event::before {
+    border-color: #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.brown.event::before {
+    border-color: #d67c1c;
+}
+
+.ch_dark .ui.ui.feed>.event>.brown.basic.label::before,
+.ch_dark .ui.brown.basic.feed>.event>.label::before {
+    color: #a5673f;
+}
+
+.ch_dark .ui.feed>.event>.inverted.brown.label::before,
+.ch_dark .ui.inverted.brown.feed>.event>.label::before {
+    background: #d67c1c;
+}
+
+.ch_dark .ui.feed>.event>.inverted.brown.basic.label::before,
+.ch_dark .ui.inverted.brown.basic.feed>.event>.label::before {
+    color: #d67c1c;
+}
+
+.ch_dark .ui.ui.feed>.event>.grey.label::before,
+.ch_dark .ui.grey.feed>.event>.label::before {
+    background: #767676;
+}
+
+.ch_dark .ui.grey.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.grey.event::before {
+    border-color: #767676;
+}
+
+.ch_dark .ui.inverted.grey.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.grey.event::before {
+    border-color: #dcddde;
+}
+
+.ch_dark .ui.ui.feed>.event>.grey.basic.label::before,
+.ch_dark .ui.grey.basic.feed>.event>.label::before {
+    color: #767676;
+}
+
+.ch_dark .ui.feed>.event>.inverted.grey.label::before,
+.ch_dark .ui.inverted.grey.feed>.event>.label::before {
+    background: #dcddde;
+}
+
+.ch_dark .ui.feed>.event>.inverted.grey.basic.label::before,
+.ch_dark .ui.inverted.grey.basic.feed>.event>.label::before {
+    color: #dcddde;
+}
+
+.ch_dark .ui.ui.feed>.event>.black.label::before,
+.ch_dark .ui.black.feed>.event>.label::before {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.black.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.black.event::before {
+    border-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.black.connected.feed>.event::before,
+.ch_dark .ui.connected.feed>.inverted.black.event::before {
+    border-color: #545454;
+}
+
+.ch_dark .ui.ui.feed>.event>.black.basic.label::before,
+.ch_dark .ui.black.basic.feed>.event>.label::before {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.feed>.event>.inverted.black.label::before,
+.ch_dark .ui.inverted.black.feed>.event>.label::before {
+    background: #545454;
+}
+
+.ch_dark .ui.feed>.event>.inverted.black.basic.label::before,
+.ch_dark .ui.inverted.black.basic.feed>.event>.label::before {
+    color: #545454;
+}
+
+/*!#Item ** Standard Item **/
+.ch_dark .ui.items>.item>.content {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.items>.item>.content>.header {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.items>.item>.content>.description {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.items>.item .meta {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.items>.item>.content>a.header {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.items>.item>.content>a.header:hover {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.items>.item .meta>a:not(.ui) {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.items>.item .meta>a:not(.ui):hover {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.items>.item>.content .favorite.icon:hover {
+    color: #ffb70a;
+}
+
+.ch_dark .ui.items>.item>.content .active.favorite.icon {
+    color: #ffe623;
+}
+
+.ch_dark .ui.items>.item>.content .like.icon:hover {
+    color: #ff2733;
+}
+
+.ch_dark .ui.items>.item>.content .active.like.icon {
+    color: #ff2733;
+}
+
+.ch_dark .ui.items>.item .extra {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+/** Variations Aligned **/
+.ch_dark .ui.divided.items>.item {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.items a.item:hover .content .header,
+.ch_dark .ui.link.items>.item:hover .content .header {
+    color: #1e70bf;
+}
+
+.ch_dark .ui.inverted.items>.item>.content {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.items>.item>.content>.header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.items>.item>.content>.description {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.items>.item .meta {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.inverted.items>.item>.content a:not(.ui) {
+    color: #57a4ef;
+}
+
+.ch_dark .ui.inverted.items>.item>.content a:not(.ui):hover {
+    color: #4183c4;
+}
+
+.ch_dark .ui.inverted.items>.item>.content>a.header {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.items>.item>.content>a.header:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.items>.item .meta>a:not(.ui) {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.items>.item .meta>a:not(.ui):hover {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.items>.item>.content .favorite.icon:hover {
+    color: #ffc63d;
+}
+
+.ch_dark .ui.inverted.items>.item>.content .active.favorite.icon {
+    color: #ffec56;
+}
+
+.ch_dark .ui.inverted.items>.item>.content .like.icon:hover {
+    color: #ff5a63;
+}
+
+.ch_dark .ui.inverted.items>.item>.content .active.like.icon {
+    color: #ff5a63;
+}
+
+.ch_dark .ui.inverted.items>.item .extra {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.items a.item:hover .content .header,
+.ch_dark .ui.inverted.link.items>.item:hover .content .header {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.divided.items>.item {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*!#Statistic ** Statistic ** Standalone **/
+/** Group ** Grouped **/
+/** Content Value **/
+.ch_dark .ui.statistics .statistic>.value,
+.ch_dark .ui.statistic>.value {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.statistics .statistic>.label,
+.ch_dark .ui.statistic>.label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** Types Icon Value **/
+/** Variations Count **/
+.ch_dark .ui.inverted.statistics .statistic>.value,
+.ch_dark .ui.inverted.statistic .value {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.statistics .statistic>.label,
+.ch_dark .ui.inverted.statistic .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.primary.statistics .statistic>.value,
+.ch_dark .ui.statistics .primary.statistic>.value,
+.ch_dark .ui.primary.statistic>.value {
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.primary.statistic>.value,
+.ch_dark .ui.inverted.primary.statistic>.value {
+    color: #54c8ff;
+}
+
+.ch_dark .ui.secondary.statistics .statistic>.value,
+.ch_dark .ui.statistics .secondary.statistic>.value,
+.ch_dark .ui.secondary.statistic>.value {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.secondary.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.secondary.statistic>.value,
+.ch_dark .ui.inverted.secondary.statistic>.value {
+    color: #545454;
+}
+
+.ch_dark .ui.red.statistics .statistic>.value,
+.ch_dark .ui.statistics .red.statistic>.value,
+.ch_dark .ui.red.statistic>.value {
+    color: #db2828;
+}
+
+.ch_dark .ui.inverted.red.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.red.statistic>.value,
+.ch_dark .ui.inverted.red.statistic>.value {
+    color: #ff695e;
+}
+
+.ch_dark .ui.orange.statistics .statistic>.value,
+.ch_dark .ui.statistics .orange.statistic>.value,
+.ch_dark .ui.orange.statistic>.value {
+    color: #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.orange.statistic>.value,
+.ch_dark .ui.inverted.orange.statistic>.value {
+    color: #ff851b;
+}
+
+.ch_dark .ui.yellow.statistics .statistic>.value,
+.ch_dark .ui.statistics .yellow.statistic>.value,
+.ch_dark .ui.yellow.statistic>.value {
+    color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.yellow.statistic>.value,
+.ch_dark .ui.inverted.yellow.statistic>.value {
+    color: #ffe21f;
+}
+
+.ch_dark .ui.olive.statistics .statistic>.value,
+.ch_dark .ui.statistics .olive.statistic>.value,
+.ch_dark .ui.olive.statistic>.value {
+    color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.olive.statistic>.value,
+.ch_dark .ui.inverted.olive.statistic>.value {
+    color: #d9e778;
+}
+
+.ch_dark .ui.green.statistics .statistic>.value,
+.ch_dark .ui.statistics .green.statistic>.value,
+.ch_dark .ui.green.statistic>.value {
+    color: #21ba45;
+}
+
+.ch_dark .ui.inverted.green.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.green.statistic>.value,
+.ch_dark .ui.inverted.green.statistic>.value {
+    color: #2ecc40;
+}
+
+.ch_dark .ui.teal.statistics .statistic>.value,
+.ch_dark .ui.statistics .teal.statistic>.value,
+.ch_dark .ui.teal.statistic>.value {
+    color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.teal.statistic>.value,
+.ch_dark .ui.inverted.teal.statistic>.value {
+    color: #6dffff;
+}
+
+.ch_dark .ui.blue.statistics .statistic>.value,
+.ch_dark .ui.statistics .blue.statistic>.value,
+.ch_dark .ui.blue.statistic>.value {
+    color: #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.blue.statistic>.value,
+.ch_dark .ui.inverted.blue.statistic>.value {
+    color: #54c8ff;
+}
+
+.ch_dark .ui.violet.statistics .statistic>.value,
+.ch_dark .ui.statistics .violet.statistic>.value,
+.ch_dark .ui.violet.statistic>.value {
+    color: #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.violet.statistic>.value,
+.ch_dark .ui.inverted.violet.statistic>.value {
+    color: #a291fb;
+}
+
+.ch_dark .ui.purple.statistics .statistic>.value,
+.ch_dark .ui.statistics .purple.statistic>.value,
+.ch_dark .ui.purple.statistic>.value {
+    color: #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.purple.statistic>.value,
+.ch_dark .ui.inverted.purple.statistic>.value {
+    color: #dc73ff;
+}
+
+.ch_dark .ui.pink.statistics .statistic>.value,
+.ch_dark .ui.statistics .pink.statistic>.value,
+.ch_dark .ui.pink.statistic>.value {
+    color: #e03997;
+}
+
+.ch_dark .ui.inverted.pink.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.pink.statistic>.value,
+.ch_dark .ui.inverted.pink.statistic>.value {
+    color: #ff8edf;
+}
+
+.ch_dark .ui.brown.statistics .statistic>.value,
+.ch_dark .ui.statistics .brown.statistic>.value,
+.ch_dark .ui.brown.statistic>.value {
+    color: #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.brown.statistic>.value,
+.ch_dark .ui.inverted.brown.statistic>.value {
+    color: #d67c1c;
+}
+
+.ch_dark .ui.grey.statistics .statistic>.value,
+.ch_dark .ui.statistics .grey.statistic>.value,
+.ch_dark .ui.grey.statistic>.value {
+    color: #767676;
+}
+
+.ch_dark .ui.inverted.grey.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.grey.statistic>.value,
+.ch_dark .ui.inverted.grey.statistic>.value {
+    color: #dcddde;
+}
+
+.ch_dark .ui.black.statistics .statistic>.value,
+.ch_dark .ui.statistics .black.statistic>.value,
+.ch_dark .ui.black.statistic>.value {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.black.statistics .statistic>.value,
+.ch_dark .ui.statistics .inverted.black.statistic>.value,
+.ch_dark .ui.inverted.black.statistic>.value {
+    color: #545454;
+}
+
+/*!#Accordion ** Accordion **/
+.ch_dark .ui.accordion.menu .item>.title,
+.ch_dark .ui.accordion>.title,
+.ch_dark .ui.accordion .accordion>.title {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** States **/
+/** Types Styled **/
+.ch_dark .ui.styled.accordion,
+.ch_dark .ui.styled.accordion .accordion {
+    background: #fff;
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.styled.accordion>.title,
+.ch_dark .ui.styled.accordion .accordion>.title {
+    color: rgba(255, 255, 255, 0.4);
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.styled.accordion>.title:hover {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.styled.accordion .accordion>.title:hover {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.styled.accordion[open]>.title,
+.ch_dark .ui.styled.accordion .active.title {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.styled.accordion .accordion[open]>.title,
+.ch_dark .ui.styled.accordion .accordion .active.title {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+/** Fluid **/
+.ch_dark .ui.inverted.accordion.menu .item>.title,
+.ch_dark .ui.inverted.accordion>.title,
+.ch_dark .ui.inverted.accordion .accordion>.title {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.styled.accordion,
+.ch_dark .ui.inverted.styled.accordion .accordion {
+    background: #1b1c1d;
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.inverted.styled.accordion>.title,
+.ch_dark .ui.inverted.styled.accordion .accordion>.title {
+    color: rgba(0, 0, 0, 0.5);
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ch_dark .ui.inverted.styled.accordion>.title:hover {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.styled.accordion .accordion>.title:hover {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.styled.accordion[open]>.title,
+.ch_dark .ui.inverted.styled.accordion .active.title {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.styled.accordion .accordion[open]>.title,
+.ch_dark .ui.inverted.styled.accordion .accordion .active.title {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.basic.styled.accordion>.title,
+.ch_dark .ui.basic.styled.accordion .accordion>.title {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.basic.styled.accordion>.title:hover,
+.ch_dark .ui.basic.styled.accordion .accordion>.title:hover {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.basic.styled.accordion[open]>.title,
+.ch_dark .ui.basic.styled.accordion .active.title,
+.ch_dark .ui.basic.styled.accordion .accordion[open]>.title,
+.ch_dark .ui.basic.styled.accordion .accordion .active.title {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.inverted.basic.styled.accordion>.title,
+.ch_dark .ui.inverted.basic.styled.accordion .accordion>.title {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.inverted.basic.styled.accordion>.title:hover,
+.ch_dark .ui.inverted.basic.styled.accordion .accordion>.title:hover {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.basic.styled.accordion[open]>.title,
+.ch_dark .ui.inverted.basic.styled.accordion .active.title,
+.ch_dark .ui.inverted.basic.styled.accordion .accordion[open]>.title,
+.ch_dark .ui.inverted.basic.styled.accordion .accordion .active.title {
+    color: var(--blackbackground);
+}
+
+/** Popup **/
+.ch_dark .ui.calendar.popup.inverted::before {
+    background: #2b2b2b;
+}
+
+/** Table **/
+.ch_dark .ui.ui.calendar .ui.table tr .disabled {
+    color: rgba(40, 40, 40, 0.3);
+}
+
+.ch_dark .ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) {
+    color: rgba(0, 0, 0, 0.6);
+    background: rgba(0, 0, 0, 0.03);
+}
+
+.ch_dark .ui.calendar .ui.table tr td.range {
+    background: rgba(0, 0, 0, 0.05);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.calendar:not(.disabled):focus .ui.table tbody tr td.focus,
+.ch_dark .ui.calendar:not(.disabled).popup.active .ui.table tbody tr td.focus {
+    box-shadow: inset 0 0 0 1px #85b7d9;
+}
+
+.ch_dark .ui.inverted.calendar .ui.table.inverted tr td.range {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
+.ch_dark .ui.inverted.calendar:not(.disabled).popup.active .ui.table.inverted tbody tr td.focus {
+    box-shadow: inset 0 0 0 1px #85b7d9;
+}
+
+.ch_dark .ui.inverted.calendar .ui.ui.ui.inverted.table tr .disabled {
+    color: rgba(225, 225, 225, 0.3);
+}
+
+.ch_dark .ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active) {
+    color: rgba(0, 0, 0, 0.8);
+    background: rgba(255, 255, 255, 0.02);
+}
+
+/*Checkbox ** Checkbox Content **/
+.ch_dark .ui.checkbox label::before {
+    background: #fff;
+    border: 1px solid #d4d4d5;
+}
+
+.ch_dark .ui.checkbox label::after {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.checkbox label,
+.ch_dark .ui.checkbox+label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** States Hover **/
+.ch_dark .ui.checkbox label:hover::before {
+    background: #fff;
+    border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ch_dark .ui.checkbox:not(.invisible) label:hover,
+.ch_dark .ui.checkbox:not(.invisible)+label:hover {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.checkbox label:active::before {
+    background: var(--blackcolor);
+    border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ch_dark .ui.checkbox label:active::after {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.checkbox:not(.invisible) input:active~label {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.checkbox input:focus~label::before {
+    background: #fff;
+    border-color: #96c8da;
+}
+
+.ch_dark .ui.checkbox input:focus~label::after {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.checkbox:not(.invisible) input:focus~label {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.checkbox input:checked~label::before {
+    background: #fff;
+    border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ch_dark .ui.checkbox input:checked~label::after {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.checkbox input:not([type="radio"]):indeterminate~label::before {
+    background: #fff;
+    border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ch_dark .ui.checkbox input:not([type="radio"]):indeterminate~label::after {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.indeterminate.toggle.checkbox input:not([type="radio"]):indeterminate~label::before {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.checkbox input:not([type="radio"]):indeterminate:focus~label::before,
+.ch_dark .ui.checkbox input:checked:focus~label::before {
+    background: #fff;
+    border-color: #96c8da;
+}
+
+.ch_dark .ui.checkbox input:not([type="radio"]):indeterminate:focus~label::after,
+.ch_dark .ui.checkbox input:checked:focus~label::after {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.disabled.checkbox label,
+.ch_dark .ui.checkbox input[disabled]~label {
+    color: var(--blackbackground);
+}
+
+/** Types Radio **/
+.ch_dark .ui.radio.checkbox label::after {
+    background-color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.radio.checkbox input:focus~label::before {
+    background-color: #fff;
+}
+
+.ch_dark .ui.radio.checkbox input:focus~label::after {
+    background-color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.radio.checkbox input:checked~label::before {
+    background-color: #fff;
+}
+
+.ch_dark .ui.radio.checkbox input:checked~label::after {
+    background-color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.radio.checkbox input:focus:checked~label::before {
+    background-color: #fff;
+}
+
+.ch_dark .ui.radio.checkbox input:focus:checked~label::after {
+    background-color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.slider.checkbox label {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+.ch_dark .ui.slider.checkbox label::before {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.slider.checkbox label::after {
+    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+    top: -0.25rem;
+}
+
+.ch_dark .ui.slider.checkbox input:focus~label::before {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.slider.checkbox label:hover {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.slider.checkbox label:hover::before {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.slider.checkbox input:checked~label {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.slider.checkbox input:checked~label::before {
+    background-color: #545454;
+}
+
+.ch_dark .ui.slider.checkbox input:focus:checked~label {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.slider.checkbox input:focus:checked~label::before {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.toggle.checkbox label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.toggle.checkbox label::before {
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.toggle.checkbox label::after {
+    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.toggle.checkbox input~label::after {
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.toggle.checkbox input:focus~label::before {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.toggle.checkbox label:hover::before {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.toggle.checkbox input:checked~label {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.toggle.checkbox input:checked~label::before {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.toggle.checkbox input:checked~label::after {
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.toggle.checkbox input:focus:checked~label {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.toggle.checkbox input:focus:checked~label::before {
+    background-color: #0d71bb;
+}
+
+/** Variations Fitted **/
+.ch_dark .ui.ui.ui.inverted.checkbox label,
+.ch_dark .ui.ui.ui.inverted.checkbox+label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.checkbox label:hover {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.checkbox label:hover::before {
+    border-color: rgba(34, 36, 38, 0.5);
+}
+
+.ch_dark .ui.inverted.slider.checkbox label {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.ui.inverted.slider.checkbox label::before {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.ui.inverted.slider.checkbox label:hover::before {
+    background: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.ui.inverted.slider.checkbox input:checked~label {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.slider.checkbox input:checked~label::before {
+    background-color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.ui.inverted.slider.checkbox input:focus:checked~label {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.slider.checkbox input:focus:checked~label::before {
+    background-color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.ui.inverted.toggle.checkbox label::before {
+    background-color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.inverted.toggle.checkbox label:hover::before {
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.toggle.checkbox input:checked~label {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.toggle.checkbox input:checked~label::before {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.ui.inverted.toggle.checkbox input:focus:checked~label {
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.ui.inverted.toggle.checkbox input:focus:checked~label::before {
+    background-color: #0d71bb;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked)+label {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked):not(:hover):focus+label:not(.image) {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset;
+}
+
+.ch_dark .ui.invisible.checkbox input:not(:checked)+label.image {
+    filter: grayscale(1);
+}
+
+/** Theme Overrides **/
+.ch_dark .ui.dimmer {
+    background: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.dimmer>.content {
+    color: #fff;
+}
+
+.ch_dark .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.ch_dark .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.35);
+}
+
+.ch_dark .ui.dimmer:not(.inverted) {
+    scrollbar-face-color: #656565;
+    scrollbar-shadow-color: #656565;
+    scrollbar-track-color: #323232;
+    scrollbar-arrow-color: #323232;
+    scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .blurring.dimmable>.dimmer {
+    background: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .blurring.dimmable>.inverted.dimmer {
+    background: rgba(255, 255, 255, 0.6);
+}
+
+.ch_dark .medium.medium.medium.medium.medium.dimmer {
+    background: rgba(0, 0, 0, 0.65);
+}
+
+.ch_dark .light.light.light.light.light.dimmer {
+    background: rgba(0, 0, 0, 0.45);
+}
+
+.ch_dark .very.very.very.very.light.dimmer {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.ch_dark .ui.inverted.dimmer {
+    background: rgba(255, 255, 255, 0.85);
+}
+
+.ch_dark .ui.inverted.dimmer>.content,
+.ch_dark .ui.inverted.dimmer>.content>* {
+    color: #000;
+}
+
+.ch_dark .medium.medium.medium.medium.medium.inverted.dimmer {
+    background: rgba(255, 255, 255, 0.65);
+}
+
+.ch_dark .light.light.light.light.light.inverted.dimmer {
+    background: rgba(255, 255, 255, 0.45);
+}
+
+.ch_dark .very.very.very.very.light.inverted.dimmer {
+    background: rgba(255, 255, 255, 0.25);
+}
+
+.ch_dark .ui.simple.dimmer {
+    background: rgba(0, 0, 0, 0);
+}
+
+.ch_dark .dimmed.dimmable>.ui.simple.dimmer {
+    background: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.simple.inverted.dimmer {
+    background: rgba(255, 255, 255, 0);
+}
+
+.ch_dark .dimmed.dimmable>.ui.simple.inverted.dimmer {
+    background: rgba(255, 255, 255, 0.85);
+}
+
+/** Dropdown **/
+.ch_dark .ui.dropdown {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/** Content Menu **/
+.ch_dark .ui.dropdown .menu {
+    background: var(--blackbackground);
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.dropdown .menu>.item {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.dropdown .menu>.header:not(.ui) {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.dropdown .menu>.divider {
+    border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.dropdown>.text>.description,
+.ch_dark .ui.dropdown .menu>.item>.description {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.dropdown .menu>.message:not(.ui) {
+    color: rgba(255, 255, 255, 0.4);
+}
+
+/** Coupling Menu Remove Menu Item Divider **/
+/** Types **/
+.ch_dark select.ui.dropdown {
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.dropdown {
+    background: var(--hoverbackground);
+    color: rgba(255, 255, 255, 0.87);
+    border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.dropdown .menu {
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.dropdown .menu>.item {
+    border-top: 1px solid #fafafa;
+}
+
+.ch_dark .ui.dropdown>.menu>.stuck.addition.item:first-child {
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+    background: #fff;
+}
+
+.ch_dark .ui.selection.dropdown:hover {
+    border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ch_dark .ui.selection.simple.dropdown:hover,
+.ch_dark .ui.selection.active.dropdown {
+    border-color: #96c8da;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.simple.dropdown:hover .menu,
+.ch_dark .ui.selection.active.dropdown .menu {
+    border-color: #96c8da;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.dropdown:focus {
+    border-color: #96c8da;
+}
+
+.ch_dark .ui.selection.dropdown:focus .menu {
+    border-color: #96c8da;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.visible.dropdown>.text:not(.default) {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+.ch_dark .ui.selection.active.dropdown:hover {
+    border-color: #96c8da;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.active.dropdown:hover .menu {
+    border-color: #96c8da;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+@supports (-webkit-touch-callout: none) or (-moz-appearance: none) {
+    @media (-moz-touch-enabled),
+    (pointer: coarse) {
+        .ui.dropdown .scrollhint.menu:not(.hidden)::before {
+            border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
+        }
+
+        .ui.inverted.dropdown .scrollhint.menu:not(.hidden)::before {
+            border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
+        }
+    }
+}
+
+.ch_dark .ui.search.dropdown>input.search {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
+
+.ch_dark .ui.active.search.dropdown input.search:focus+.text {
+    color: rgba(255, 255, 255, 0.87) !important;
+}
+
+.ch_dark .ui.multiple.dropdown>.label {
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/** States Active Menu Item Active **/
+.ch_dark .ui.dropdown .menu .active.item {
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.dropdown .menu>.item:hover {
+    background: rgb(26 26 26);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.dropdown:not(.button)>.default.text,
+.ch_dark .ui.default.dropdown:not(.button)>.text {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.dropdown:not(.button)>input:focus~.default.text,
+.ch_dark .ui.default.dropdown:not(.button)>input:focus~.text {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.loading.dropdown>i.icon::before {
+    border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.loading.dropdown>i.icon::after {
+    border: 0.2em solid #767676;
+}
+
+.ch_dark .ui.dropdown.selected,
+.ch_dark .ui.dropdown .menu .selected.item {
+    background: rgba(128, 135, 139, 0.8);
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.dropdown.error,
+.ch_dark .ui.dropdown.error>.text,
+.ch_dark .ui.dropdown.error>.default.text {
+    color: #9f3a38;
+}
+
+.ch_dark .ui.selection.dropdown.error {
+    background: #fff6f6;
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.selection.dropdown.error:hover {
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.multiple.selection.error.dropdown>.label {
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.dropdown.error>.menu,
+.ch_dark .ui.dropdown.error>.menu .menu {
+    border-color: var(--Errorcolor);
+}
+
+.ch_dark .ui.dropdown.error>.menu>.item {
+    color: #9f3a38;
+}
+
+.ch_dark .ui.dropdown.error>.menu>.item:hover {
+    background-color: #fbe7e7;
+}
+
+.ch_dark .ui.dropdown.error>.menu .active.item {
+    background-color: #fdcfcf;
+}
+
+.ch_dark .ui.dropdown.info,
+.ch_dark .ui.dropdown.info>.text,
+.ch_dark .ui.dropdown.info>.default.text {
+    color: #276f86;
+}
+
+.ch_dark .ui.selection.dropdown.info {
+    background: var(--Infobgcolor);
+    border-color: var(--Infocolor);
+}
+
+.ch_dark .ui.selection.dropdown.info:hover {
+    border-color: #a9d5de;
+}
+
+.ch_dark .ui.multiple.selection.info.dropdown>.label {
+    border-color: #a9d5de;
+}
+
+.ch_dark .ui.dropdown.info>.menu,
+.ch_dark .ui.dropdown.info>.menu .menu {
+    border-color: #a9d5de;
+}
+
+.ch_dark .ui.dropdown.info>.menu>.item {
+    color: #276f86;
+}
+
+.ch_dark .ui.dropdown.info>.menu>.item:hover {
+    background-color: #e9f2fb;
+}
+
+.ch_dark .ui.dropdown.info>.menu .active.item {
+    background-color: #cef1fd;
+}
+
+.ch_dark .ui.dropdown.success,
+.ch_dark .ui.dropdown.success>.text,
+.ch_dark .ui.dropdown.success>.default.text {
+    color: #2c662d;
+}
+
+.ch_dark .ui.selection.dropdown.success {
+    background: #fcfff5;
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.selection.dropdown.success:hover {
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.multiple.selection.success.dropdown>.label {
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.dropdown.success>.menu,
+.ch_dark .ui.dropdown.success>.menu .menu {
+    border-color: #a3c293;
+}
+
+.ch_dark .ui.dropdown.success>.menu>.item {
+    color: #2c662d;
+}
+
+.ch_dark .ui.dropdown.success>.menu>.item:hover {
+    background-color: #e9fbe9;
+}
+
+.ch_dark .ui.dropdown.success>.menu .active.item {
+    background-color: #dafdce;
+}
+
+.ch_dark .ui.dropdown.warning,
+.ch_dark .ui.dropdown.warning>.text,
+.ch_dark .ui.dropdown.warning>.default.text {
+    color: #573a08;
+}
+
+.ch_dark .ui.selection.dropdown.warning {
+    background: var(--warningbgcolor);
+    border-color: var(--warningcolor);
+}
+
+.ch_dark .ui.selection.dropdown.warning:hover {
+    border-color: #c9ba9b;
+}
+
+.ch_dark .ui.multiple.selection.warning.dropdown>.label {
+    border-color: #c9ba9b;
+}
+
+.ch_dark .ui.dropdown.warning>.menu,
+.ch_dark .ui.dropdown.warning>.menu .menu {
+    border-color: #c9ba9b;
+}
+
+.ch_dark .ui.dropdown.warning>.menu>.item {
+    color: #573a08;
+}
+
+.ch_dark .ui.dropdown.warning>.menu>.item:hover {
+    background-color: #fbfbe9;
+}
+
+.ch_dark .ui.dropdown.warning>.menu .active.item {
+    background-color: #fdfdce;
+}
+
+/** Variations Direction Flyout Direction **/
+.ch_dark .ui.upward.dropdown>.menu {
+    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.ch_dark .ui.ui.upward.selection.dropdown:not(.pointing):not(.floating) .menu {
+    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.ch_dark .ui.upward.selection.dropdown:hover {
+    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.upward.selection.dropdown.visible {
+    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.ch_dark .ui.upward.active.selection.dropdown:hover {
+    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.upward.active.selection.dropdown:hover:not(.pointing):not(.floating) .menu {
+    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.ch_dark .ui.dropdown .scrolling.menu {
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.floating.dropdown>.menu {
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
+}
+
+.ch_dark .ui.pointing.dropdown>.menu:not(.hidden)::after {
+    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
+    background: #fff;
+}
+
+@supports selector(:has(.f)) {
+
+    .ch_dark .ui.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
+    .ch_dark .ui.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
+        background: #f2f2f2;
+    }
+
+    .ch_dark .ui.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
+    .ch_dark .ui.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
+        background: #f7f7f7;
+    }
+}
+
+.ch_dark .ui.selection.pointing.dropdown>.menu::after {
+    box-shadow: -1px -1px 0 0 #96c8da;
+}
+
+.ch_dark .ui.pointing.upward.dropdown .menu::after,
+.ch_dark .ui.top.pointing.upward.dropdown .menu::after {
+    box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.selection.pointing.upward.dropdown .menu::after {
+    box-shadow: 1px 1px 0 0 #96c8da;
+}
+
+.ch_dark .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
+    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
+    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.dropdown .inverted.menu,
+.ch_dark .ui.inverted.dropdown .menu {
+    background: #1b1c1d;
+    border: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.dropdown .inverted.menu>.item,
+.ch_dark .ui.inverted.dropdown .menu>.item {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.dropdown .inverted.menu .active.item,
+.ch_dark .ui.inverted.dropdown .menu .active.item {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.dropdown .inverted.menu>.item:hover,
+.ch_dark .ui.inverted.dropdown .menu>.item:hover {
+    background: #2d2e2f;
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.inverted.dropdown.selected,
+.ch_dark .ui.dropdown .inverted.menu .selected.item,
+.ch_dark .ui.inverted.dropdown .menu .selected.item {
+    background: #3d3e3f;
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.dropdown .inverted.menu>.header,
+.ch_dark .ui.inverted.dropdown .menu>.header {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.dropdown>.text>.description,
+.ch_dark .ui.dropdown .inverted.menu>.item>.description,
+.ch_dark .ui.inverted.dropdown .menu>.item>.description {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.dropdown .inverted.menu>.divider,
+.ch_dark .ui.inverted.dropdown .menu>.divider {
+    border-top: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.dropdown .inverted.scrolling.menu,
+.ch_dark .ui.inverted.dropdown .scrolling.menu {
+    border-top: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.inverted.selection.dropdown {
+    border: 1px solid rgba(255, 255, 255, 0.15);
+    background: #1b1c1d;
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.inverted.selection.dropdown:hover {
+    border-color: rgba(255, 255, 255, 0.25);
+}
+
+.ch_dark .ui.inverted.selection.dropdown input {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.selection.visible.dropdown>.text:not(.default) {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.selection.simple.dropdown:hover .inverted.menu,
+.ch_dark .ui.inverted.selection.simple.dropdown:hover .menu,
+.ch_dark .ui.selection.active.dropdown .inverted.menu,
+.ch_dark .ui.inverted.selection.active.dropdown .menu,
+.ch_dark .ui.inverted.selection.active.dropdown:hover {
+    border-color: rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.selection.dropdown .inverted.menu>.item,
+.ch_dark .ui.inverted.selection.dropdown .menu>.item {
+    border-top: 1px solid #242526;
+}
+
+.ch_dark .ui.inverted.dropdown:not(.button)>.default.text,
+.ch_dark .ui.inverted.default.dropdown:not(.button)>.text {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.inverted.dropdown:not(.button)>input:focus~.default.text,
+.ch_dark .ui.inverted.default.dropdown:not(.button)>input:focus~.text {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.inverted.active.search.dropdown input.search:focus+.text {
+    color: rgba(0, 0, 0, 0.7) !important;
+}
+
+.ch_dark .ui.dropdown .inverted.menu>.message:not(.ui),
+.ch_dark .ui.inverted.dropdown .menu>.message:not(.ui) {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.ch_dark .ui.inverted.multiple.dropdown>.label {
+    background-color: rgba(255, 255, 255, 0.7);
+    color: var(--blackbackground);
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
+}
+
+.ch_dark .ui.inverted.multiple.dropdown>.label:hover {
+    background-color: rgba(255, 255, 255, 0.9);
+    border-color: rgba(255, 255, 255, 0.9);
+    color: var(--blackbackground);
+}
+
+.ch_dark .ui.inverted.dropdown textarea::selection,
+.ch_dark .ui.inverted.dropdown input::selection {
+    background-color: rgba(255, 255, 255, 0.25);
+    color: rgba(0, 0, 0, 0.8);
+}
+
+.ch_dark .ui.dropdown .inverted.menu::-webkit-scrollbar-track,
+.ch_dark .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
+.ch_dark .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.ch_dark .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
+.ch_dark .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
+.ch_dark .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.35);
+}
+
+.ch_dark .ui.dropdown .inverted.menu,
+.ch_dark .ui.inverted.dropdown .menu {
+    scrollbar-face-color: #656565;
+    scrollbar-shadow-color: #656565;
+    scrollbar-track-color: #323232;
+    scrollbar-arrow-color: #323232;
+    scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.pointing.dropdown>.inverted.menu::after,
+.ch_dark .ui.inverted.pointing.dropdown>.menu::after {
+    background: #1b1c1d;
+    box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
+}
+
+.ch_dark .ui.inverted.upward.pointing.dropdown>.menu::after {
+    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
+}
+
+@supports selector(:has(.f)) {
+
+    .ch_dark .ui.inverted.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
+    .ch_dark .ui.inverted.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
+        background: #2d2e2f;
+    }
+
+    .ch_dark .ui.inverted.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
+    .ch_dark .ui.inverted.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
+        background: #3d3e3f;
+    }
+}
+
+/** Theme Overrides ** Dropdown Carets **/
+.ch_dark .ui.embed {
+    background: #dcddde;
+}
+
+.ch_dark .ui.embed>.placeholder {
+    background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+}
+
+.ch_dark .ui.embed>i.icon::after {
+    background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+}
+
+.ch_dark .ui.embed>i.icon::before {
+    color: #fff;
+    text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
+}
+
+/** States Hover **/
+.ch_dark .ui.embed i.icon:hover::after {
+    background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+}
+
+.ch_dark .ui.embed i.icon:hover::before {
+    color: #fff;
+}
+
+/** Variations **/
+/** Video Overrides ** Video Overrides ** Site Overrides **!#Flyout ** Flyout ** Flyout Menu **/
+.ch_dark .ui.flyout {
+    background: #fff;
+}
+
+.ch_dark .ui.flyout>.close {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.flyout>.header {
+    background: #fff;
+    color: rgba(0, 0, 0, 0.85);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.flyout>.content {
+    background: #fff;
+}
+
+.ch_dark .ui.flyout>.actions {
+    background: var(--blackbackground);
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark body.pushable {
+    background: #545454;
+}
+
+.ch_dark body.pushable>.pusher {
+    background: #2a2a2a;
+}
+
+.ch_dark .pushable>.pusher::after {
+    background: rgba(0, 0, 0, 0.4);
+}
+
+/** States Dimmed **/
+.ch_dark .pushable>.pusher.dimmed.blurring:not(.closing)::after {
+    background: rgba(0, 0, 0, 0.6);
+    -webkit-backdrop-filter: blur(5px) grayscale(0.7);
+    backdrop-filter: blur(5px) grayscale(0.7);
+}
+
+.ch_dark .ui.left.visible.flyout,
+.ch_dark .ui.right.visible.flyout {
+    box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.top.visible.flyout,
+.ch_dark .ui.bottom.visible.flyout {
+    box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.flyout.inverted {
+    background: #000;
+}
+
+.ch_dark .ui.flyout.inverted>.close {
+    color: #fff;
+}
+
+.ch_dark .ui.flyout.inverted>.header,
+.ch_dark .ui.flyout.inverted>.content {
+    background: #000;
+    color: #fff;
+}
+
+.ch_dark .ui.flyout.inverted>.actions {
+    background: #fff;
+    border-top: 1px solid rgba(34, 36, 38, 0.85);
+    color: #fff;
+}
+
+/** Variations Width Left / Right **/
+/** Animations Overlay Set-up **/
+/** User Overrides **!#Modal ** Modal **/
+.ch_dark .ui.modal {
+    background: #fff;
+    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+}
+
+/** Content Close **/
+.ch_dark .ui.modal>.close {
+    color: #fff;
+}
+
+.ch_dark .ui.modal>.header {
+    background: #fff;
+    color: rgba(0, 0, 0, 0.85);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.modal>.content {
+    background: var(--blackbackground);
+    color: var(--text);
+}
+
+.ch_dark .ui.modal>.actions {
+    background: var(--blackbackground);
+    border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+@media only screen and (min-width: 992px) {
+    .ch_dark .ui.dimmer>.ui.modal:not(.fullscreen)>.close:not(.inside) {
+        text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3), 1px -1px 2px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.3), 1px 2px 2px rgba(0, 0, 0, 0.3);
+    }
+
+    .ch_dark .ui.inverted.dimmer>.ui.modal:not(.fullscreen)>.close:not(.inside) {
+        text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.3), 1px -1px 2px rgba(255, 255, 255, 0.3), -1px 2px 2px rgba(255, 255, 255, 0.3), 1px 2px 2px rgba(255, 255, 255, 0.3);
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .ch_dark .ui.modal>.close {
+        color: rgba(255, 255, 255, 0.87);
+    }
+}
+
+.ch_dark .ui.inverted.dimmer>.ui.modal {
+    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+}
+
+/** Types **/
+.ch_dark .ui.basic.modal {
+    color: #fff;
+}
+
+.ch_dark .ui.basic.modal>.header {
+    color: #fff;
+}
+
+.ch_dark .ui.basic.modal>.close {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.dimmer>.basic.modal {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.dimmer>.ui.basic.modal>.header {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+/** States **/
+/** Variations Aligned **/
+.ch_dark .ui.modal>.close.inside,
+.ch_dark .ui.fullscreen.modal>.close {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.basic.fullscreen.modal>.close {
+    color: #fff;
+}
+
+/** Inverted **/
+.ch_dark .ui.inverted.modal {
+    background: #000;
+}
+
+.ch_dark .ui.inverted.modal>.header,
+.ch_dark .ui.inverted.modal>.content {
+    background: #000;
+    color: #000;
+}
+
+.ch_dark .ui.inverted.modal>.actions {
+    background: #fff;
+    border-top: 1px solid rgba(34, 36, 38, 0.85);
+    color: #000;
+}
+
+.ch_dark .ui.inverted.dimmer>.modal>.close {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+@media only screen and (max-width: 991.98px) {
+    .ch_dark .ui.dimmer .inverted.modal>.close {
+        color: #fff;
+    }
+}
+
+.ch_dark .ui.inverted.modal>.close.inside,
+.ch_dark .ui.inverted.fullscreen.modal>.close {
+    color: #fff;
+}
+
+/** Theme Overrides ** Site Overrides **!#Nag ** Nag **/
+.ch_dark .ui.nag {
+    background: #909090;
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.nag>.title {
+    color: #fff;
+}
+
+.ch_dark .ui.nag>.close.icon {
+    color: #fff;
+}
+
+/** States ** Hover **/
+.ch_dark .ui.nag:hover {
+    background: #909090;
+}
+
+/** Variations Static **/
+.ch_dark .ui.inverted.nags .nag,
+.ch_dark .ui.inverted.nag {
+    background-color: var(--blackbackground);
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.inverted.nags .nag>.close,
+.ch_dark .ui.inverted.nag>.close {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.inverted.nags .nag>.title,
+.ch_dark .ui.inverted.nag>.title {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.primary.nag {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.primary.nag {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.secondary.nag {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.secondary.nag {
+    background-color: #545454;
+}
+
+.ch_dark .ui.red.nag {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.inverted.red.nag {
+    background-color: #ff695e;
+}
+
+.ch_dark .ui.orange.nag {
+    background-color: #f2711c;
+}
+
+.ch_dark .ui.inverted.orange.nag {
+    background-color: #ff851b;
+}
+
+.ch_dark .ui.yellow.nag {
+    background-color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.yellow.nag {
+    background-color: #ffe21f;
+}
+
+.ch_dark .ui.olive.nag {
+    background-color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.olive.nag {
+    background-color: #d9e778;
+}
+
+.ch_dark .ui.green.nag {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.inverted.green.nag {
+    background-color: #2ecc40;
+}
+
+.ch_dark .ui.teal.nag {
+    background-color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.teal.nag {
+    background-color: #6dffff;
+}
+
+.ch_dark .ui.blue.nag {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.blue.nag {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.violet.nag {
+    background-color: #6435c9;
+}
+
+.ch_dark .ui.inverted.violet.nag {
+    background-color: #a291fb;
+}
+
+.ch_dark .ui.purple.nag {
+    background-color: #a333c8;
+}
+
+.ch_dark .ui.inverted.purple.nag {
+    background-color: #dc73ff;
+}
+
+.ch_dark .ui.pink.nag {
+    background-color: #e03997;
+}
+
+.ch_dark .ui.inverted.pink.nag {
+    background-color: #ff8edf;
+}
+
+.ch_dark .ui.brown.nag {
+    background-color: #a5673f;
+}
+
+.ch_dark .ui.inverted.brown.nag {
+    background-color: #d67c1c;
+}
+
+.ch_dark .ui.grey.nag {
+    background-color: #767676;
+}
+
+.ch_dark .ui.inverted.grey.nag {
+    background-color: #dcddde;
+}
+
+.ch_dark .ui.black.nag {
+    background-color: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.black.nag {
+    background-color: #545454;
+}
+
+.ch_dark .ui.inverted.black.nag .title {
+    color: #fff;
+}
+
+/** Groups **/
+/** User Overrides **!#Popup ** Popup **/
+.ch_dark .ui.popup {
+    border: 1px solid #d4d4d5;
+    background: #fff;
+    color: rgba(255, 255, 255, 0.87);
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.popup::before {
+    background: #fff;
+    box-shadow: 1px 1px 0 0 #bababc;
+}
+
+.ch_dark [data-tooltip]::before {
+    background: #fff;
+    box-shadow: 1px 1px 0 0 #bababc;
+}
+
+.ch_dark [data-tooltip]::after {
+    border: 1px solid #d4d4d5;
+    background: #fff;
+    color: rgba(255, 255, 255, 0.87);
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark [data-tooltip]:not([data-position])[data-inverted]::before {
+    background: #1b1c1d;
+}
+
+.ch_dark [data-tooltip][data-inverted]::after {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark [data-position~="top"][data-tooltip]::before {
+    background: #fff;
+}
+
+.ch_dark [data-tooltip]:not([data-position])::before,
+.ch_dark [data-position="top center"][data-tooltip]::before {
+    background: #fff;
+}
+
+.ch_dark [data-position~="bottom"][data-tooltip]::before {
+    background: #fff;
+    box-shadow: -1px -1px 0 0 #bababc;
+}
+
+.ch_dark [data-position="left center"][data-tooltip]::before {
+    background: #fff;
+    box-shadow: 1px -1px 0 0 #bababc;
+}
+
+.ch_dark [data-position="right center"][data-tooltip]::before {
+    background: #fff;
+    box-shadow: -1px 1px 0 0 #bababc;
+}
+
+.ch_dark [data-inverted][data-position~="bottom"][data-tooltip]::before {
+    background: #1b1c1d;
+    box-shadow: -1px -1px 0 0 #bababc;
+}
+
+.ch_dark [data-inverted][data-position="left center"][data-tooltip]::before {
+    background: #1b1c1d;
+    box-shadow: 1px -1px 0 0 #bababc;
+}
+
+.ch_dark [data-inverted][data-position="right center"][data-tooltip]::before {
+    background: #1b1c1d;
+    box-shadow: -1px 1px 0 0 #bababc;
+}
+
+.ch_dark [data-inverted][data-position~="top"][data-tooltip]::before {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.bottom.center.popup::before {
+    box-shadow: -1px -1px 0 0 #bababc;
+}
+
+.ch_dark .ui.bottom.left.popup::before {
+    box-shadow: -1px -1px 0 0 #bababc;
+}
+
+.ch_dark .ui.bottom.right.popup::before {
+    box-shadow: -1px -1px 0 0 #bababc;
+}
+
+.ch_dark .ui.left.center.popup::before {
+    box-shadow: 1px -1px 0 0 #bababc;
+}
+
+.ch_dark .ui.right.center.popup::before {
+    box-shadow: -1px 1px 0 0 #bababc;
+}
+
+.ch_dark .ui.right.center.popup::before,
+.ch_dark .ui.left.center.popup::before {
+    background: #fff;
+}
+
+.ch_dark .ui.bottom.popup::before {
+    background: #fff;
+}
+
+.ch_dark .ui.top.popup::before {
+    background: #fff;
+}
+
+.ch_dark .ui.inverted.bottom.popup::before {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.right.center.popup::before,
+.ch_dark .ui.inverted.left.center.popup::before {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.top.popup::before {
+    background: #1b1c1d;
+}
+
+.ch_dark .ui.loading.popup::after {
+    border: 0.2em solid #767676;
+}
+
+/** Variations Basic **/
+.ch_dark .ui.inverted.popup {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.popup .header {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.popup::before {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.primary.popup::before,
+.ch_dark .ui.primary.popup,
+.ch_dark [data-tooltip][data-variation~="primary"]::after,
+.ch_dark [data-tooltip][data-variation~="primary"]::before {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.primary.loading.popup::before,
+.ch_dark .ui.primary.loading.popup {
+    background: #9bcbef;
+}
+
+.ch_dark .ui.ui.ui.inverted.primary.popup::before,
+.ch_dark .ui.inverted.primary.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="primary"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="primary"]::before {
+    background: #54c8ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.primary.loading.popup::before,
+.ch_dark .ui.inverted.primary.loading.popup {
+    background: #007eba;
+}
+
+.ch_dark .ui.ui.ui.secondary.popup::before,
+.ch_dark .ui.secondary.popup,
+.ch_dark [data-tooltip][data-variation~="secondary"]::after,
+.ch_dark [data-tooltip][data-variation~="secondary"]::before {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.secondary.loading.popup::before,
+.ch_dark .ui.secondary.loading.popup {
+    background: #65696c;
+}
+
+.ch_dark .ui.ui.ui.inverted.secondary.popup::before,
+.ch_dark .ui.inverted.secondary.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="secondary"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="secondary"]::before {
+    background: #545454;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.secondary.loading.popup::before,
+.ch_dark .ui.inverted.secondary.loading.popup {
+    background: #080808;
+}
+
+.ch_dark .ui.ui.ui.red.popup::before,
+.ch_dark .ui.red.popup,
+.ch_dark [data-tooltip][data-variation~="red"]::after,
+.ch_dark [data-tooltip][data-variation~="red"]::before {
+    background: #db2828;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.red.loading.popup::before,
+.ch_dark .ui.red.loading.popup {
+    background: #f1abab;
+}
+
+.ch_dark .ui.ui.ui.inverted.red.popup::before,
+.ch_dark .ui.inverted.red.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="red"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="red"]::before {
+    background: #ff695e;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.red.loading.popup::before,
+.ch_dark .ui.inverted.red.loading.popup {
+    background: #c40d00;
+}
+
+.ch_dark .ui.ui.ui.orange.popup::before,
+.ch_dark .ui.orange.popup,
+.ch_dark [data-tooltip][data-variation~="orange"]::after,
+.ch_dark [data-tooltip][data-variation~="orange"]::before {
+    background: #f2711c;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.orange.loading.popup::before,
+.ch_dark .ui.orange.loading.popup {
+    background: #faccad;
+}
+
+.ch_dark .ui.ui.ui.inverted.orange.popup::before,
+.ch_dark .ui.inverted.orange.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="orange"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="orange"]::before {
+    background: #ff851b;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.orange.loading.popup::before,
+.ch_dark .ui.inverted.orange.loading.popup {
+    background: #813c00;
+}
+
+.ch_dark .ui.ui.ui.yellow.popup::before,
+.ch_dark .ui.yellow.popup,
+.ch_dark [data-tooltip][data-variation~="yellow"]::after,
+.ch_dark [data-tooltip][data-variation~="yellow"]::before {
+    background: #fbbd08;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.yellow.loading.popup::before,
+.ch_dark .ui.yellow.loading.popup {
+    background: #fde59f;
+}
+
+.ch_dark .ui.ui.ui.inverted.yellow.popup::before,
+.ch_dark .ui.inverted.yellow.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="yellow"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="yellow"]::before {
+    background: #ffe21f;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.yellow.loading.popup::before,
+.ch_dark .ui.inverted.yellow.loading.popup {
+    background: #857400;
+}
+
+.ch_dark .ui.ui.ui.olive.popup::before,
+.ch_dark .ui.olive.popup,
+.ch_dark [data-tooltip][data-variation~="olive"]::after,
+.ch_dark [data-tooltip][data-variation~="olive"]::before {
+    background: #b5cc18;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.olive.loading.popup::before,
+.ch_dark .ui.olive.loading.popup {
+    background: #e4f18c;
+}
+
+.ch_dark .ui.ui.ui.inverted.olive.popup::before,
+.ch_dark .ui.inverted.olive.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="olive"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="olive"]::before {
+    background: #d9e778;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.olive.loading.popup::before,
+.ch_dark .ui.inverted.olive.loading.popup {
+    background: #97a81e;
+}
+
+.ch_dark .ui.ui.ui.green.popup::before,
+.ch_dark .ui.green.popup,
+.ch_dark [data-tooltip][data-variation~="green"]::after,
+.ch_dark [data-tooltip][data-variation~="green"]::before {
+    background: #21ba45;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.green.loading.popup::before,
+.ch_dark .ui.green.loading.popup {
+    background: #8aeaa0;
+}
+
+.ch_dark .ui.ui.ui.inverted.green.popup::before,
+.ch_dark .ui.inverted.green.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="green"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="green"]::before {
+    background: #2ecc40;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.green.loading.popup::before,
+.ch_dark .ui.inverted.green.loading.popup {
+    background: #124f19;
+}
+
+.ch_dark .ui.ui.ui.teal.popup::before,
+.ch_dark .ui.teal.popup,
+.ch_dark [data-tooltip][data-variation~="teal"]::after,
+.ch_dark [data-tooltip][data-variation~="teal"]::before {
+    background: #00b5ad;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.teal.loading.popup::before,
+.ch_dark .ui.teal.loading.popup {
+    background: #4ffff7;
+}
+
+.ch_dark .ui.ui.ui.inverted.teal.popup::before,
+.ch_dark .ui.inverted.teal.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="teal"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="teal"]::before {
+    background: #6dffff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.teal.loading.popup::before,
+.ch_dark .ui.inverted.teal.loading.popup {
+    background: #00d3d3;
+}
+
+.ch_dark .ui.ui.ui.blue.popup::before,
+.ch_dark .ui.blue.popup,
+.ch_dark [data-tooltip][data-variation~="blue"]::after,
+.ch_dark [data-tooltip][data-variation~="blue"]::before {
+    background: #2185d0;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.blue.loading.popup::before,
+.ch_dark .ui.blue.loading.popup {
+    background: #9bcbef;
+}
+
+.ch_dark .ui.ui.ui.inverted.blue.popup::before,
+.ch_dark .ui.inverted.blue.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="blue"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="blue"]::before {
+    background: #54c8ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.blue.loading.popup::before,
+.ch_dark .ui.inverted.blue.loading.popup {
+    background: #007eba;
+}
+
+.ch_dark .ui.ui.ui.violet.popup::before,
+.ch_dark .ui.violet.popup,
+.ch_dark [data-tooltip][data-variation~="violet"]::after,
+.ch_dark [data-tooltip][data-variation~="violet"]::before {
+    background: #6435c9;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.violet.loading.popup::before,
+.ch_dark .ui.violet.loading.popup {
+    background: #c1adea;
+}
+
+.ch_dark .ui.ui.ui.inverted.violet.popup::before,
+.ch_dark .ui.inverted.violet.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="violet"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="violet"]::before {
+    background: #a291fb;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.violet.loading.popup::before,
+.ch_dark .ui.inverted.violet.loading.popup {
+    background: #2d09ea;
+}
+
+.ch_dark .ui.ui.ui.purple.popup::before,
+.ch_dark .ui.purple.popup,
+.ch_dark [data-tooltip][data-variation~="purple"]::after,
+.ch_dark [data-tooltip][data-variation~="purple"]::before {
+    background: #a333c8;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.purple.loading.popup::before,
+.ch_dark .ui.purple.loading.popup {
+    background: #daabe9;
+}
+
+.ch_dark .ui.ui.ui.inverted.purple.popup::before,
+.ch_dark .ui.inverted.purple.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="purple"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="purple"]::before {
+    background: #dc73ff;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.purple.loading.popup::before,
+.ch_dark .ui.inverted.purple.loading.popup {
+    background: #a300d9;
+}
+
+.ch_dark .ui.ui.ui.pink.popup::before,
+.ch_dark .ui.pink.popup,
+.ch_dark [data-tooltip][data-variation~="pink"]::after,
+.ch_dark [data-tooltip][data-variation~="pink"]::before {
+    background: #e03997;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.pink.loading.popup::before,
+.ch_dark .ui.pink.loading.popup {
+    background: #f5bddc;
+}
+
+.ch_dark .ui.ui.ui.inverted.pink.popup::before,
+.ch_dark .ui.inverted.pink.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="pink"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="pink"]::before {
+    background: #ff8edf;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.pink.loading.popup::before,
+.ch_dark .ui.inverted.pink.loading.popup {
+    background: #f400af;
+}
+
+.ch_dark .ui.ui.ui.brown.popup::before,
+.ch_dark .ui.brown.popup,
+.ch_dark [data-tooltip][data-variation~="brown"]::after,
+.ch_dark [data-tooltip][data-variation~="brown"]::before {
+    background: #a5673f;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.brown.loading.popup::before,
+.ch_dark .ui.brown.loading.popup {
+    background: #dbb8a2;
+}
+
+.ch_dark .ui.ui.ui.inverted.brown.popup::before,
+.ch_dark .ui.inverted.brown.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="brown"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="brown"]::before {
+    background: #d67c1c;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.brown.loading.popup::before,
+.ch_dark .ui.inverted.brown.loading.popup {
+    background: #4f2e0a;
+}
+
+.ch_dark .ui.ui.ui.grey.popup::before,
+.ch_dark .ui.grey.popup,
+.ch_dark [data-tooltip][data-variation~="grey"]::after,
+.ch_dark [data-tooltip][data-variation~="grey"]::before {
+    background: #767676;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.grey.loading.popup::before,
+.ch_dark .ui.grey.loading.popup {
+    background: #c3c3c3;
+}
+
+.ch_dark .ui.ui.ui.inverted.grey.popup::before,
+.ch_dark .ui.inverted.grey.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="grey"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="grey"]::before {
+    background: #dcddde;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.grey.loading.popup::before,
+.ch_dark .ui.inverted.grey.loading.popup {
+    background: #8d9194;
+}
+
+.ch_dark .ui.ui.ui.black.popup::before,
+.ch_dark .ui.black.popup,
+.ch_dark [data-tooltip][data-variation~="black"]::after,
+.ch_dark [data-tooltip][data-variation~="black"]::before {
+    background: #1b1c1d;
+    color: #fff;
+}
+
+.ch_dark .ui.ui.ui.black.loading.popup::before,
+.ch_dark .ui.black.loading.popup {
+    background: #65696c;
+}
+
+.ch_dark .ui.ui.ui.inverted.black.popup::before,
+.ch_dark .ui.inverted.black.popup,
+.ch_dark [data-tooltip][data-inverted][data-variation~="black"]::after,
+.ch_dark [data-tooltip][data-inverted][data-variation~="black"]::before {
+    background: #545454;
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.ui.ui.inverted.black.loading.popup::before,
+.ch_dark .ui.inverted.black.loading.popup {
+    background: #080808;
+}
+
+.ch_dark .ui.progress {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.progress .bar {
+    background: #888;
+}
+
+.ch_dark .ui.progress[data-percent="0"] .bar .progress {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.progress[data-percent="0"] .bar .progress {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.progress .bar>.progress {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+.ch_dark .ui.progress>.label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+/** Types ** Indicating **/
+.ch_dark .ui.indicating.progress[data-percent^="1"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="2"] .bar {
+    background-color: #d95c5c;
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="3"] .bar {
+    background-color: #efbc72;
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="4"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="5"] .bar {
+    background-color: #e6bb48;
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="6"] .bar {
+    background-color: #ddc928;
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="7"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="8"] .bar {
+    background-color: #b4d95c;
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="9"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="100"] .bar {
+    background-color: #66da81;
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="1"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="2"] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="3"] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="4"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="5"] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="6"] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="7"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="8"] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.indicating.progress[data-percent^="9"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="100"] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent^="1"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="2"] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent^="3"] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent^="4"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="5"] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent^="6"] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent^="7"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="8"] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent^="9"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="100"] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.indicating.progress[data-percent="1"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="1."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="2"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="2."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="3"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="3."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="4"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="4."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="5"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="5."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="6"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="6."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="7"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="7."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="8"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="8."] .bar,
+.ch_dark .ui.indicating.progress[data-percent="9"] .bar,
+.ch_dark .ui.indicating.progress[data-percent^="9."] .bar {
+    background-color: #d95c5c;
+}
+
+.ch_dark .ui.indicating.progress[data-percent="0"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="0."] .label,
+.ch_dark .ui.indicating.progress[data-percent="1"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="1."] .label,
+.ch_dark .ui.indicating.progress[data-percent="2"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="2."] .label,
+.ch_dark .ui.indicating.progress[data-percent="3"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="3."] .label,
+.ch_dark .ui.indicating.progress[data-percent="4"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="4."] .label,
+.ch_dark .ui.indicating.progress[data-percent="5"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="5."] .label,
+.ch_dark .ui.indicating.progress[data-percent="6"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="6."] .label,
+.ch_dark .ui.indicating.progress[data-percent="7"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="7."] .label,
+.ch_dark .ui.indicating.progress[data-percent="8"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="8."] .label,
+.ch_dark .ui.indicating.progress[data-percent="9"] .label,
+.ch_dark .ui.indicating.progress[data-percent^="9."] .label {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.indicating.progress[data-percent="0"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="0."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="1"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="1."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="2"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="2."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="3"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="3."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="4"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="4."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="5"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="5."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="6"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="6."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="7"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="7."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="8"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="8."] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent="9"] .label,
+.ch_dark .ui.inverted.indicating.progress[data-percent^="9."] .label {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.ui.indicating.progress.success .label {
+    color: #1a531b;
+}
+
+/** States Success **/
+.ch_dark .ui.ui.progress.success .bar {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.progress.success>.label {
+    color: #1a531b;
+}
+
+.ch_dark .ui.ui.progress.warning .bar {
+    background-color: #f2c037;
+}
+
+.ch_dark .ui.progress.warning>.label {
+    color: #794b02;
+}
+
+.ch_dark .ui.ui.progress.error .bar {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.progress.error>.label {
+    color: #912d2b;
+}
+
+.ch_dark .ui.active.progress .bar::after {
+    background: #fff;
+}
+
+/** Variations Inverted **/
+.ch_dark .ui.inverted.progress {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.ch_dark .ui.inverted.progress .bar {
+    background: #888;
+}
+
+.ch_dark .ui.inverted.progress .bar>.progress {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.progress>.label {
+    color: #fff;
+}
+
+.ch_dark .ui.inverted.progress.success>.label {
+    color: #21ba45;
+}
+
+.ch_dark .ui.inverted.progress.warning>.label {
+    color: #f2c037;
+}
+
+.ch_dark .ui.inverted.progress.error>.label {
+    color: #db2828;
+}
+
+.ch_dark .ui.indeterminate.primary.progress .bar::before,
+.ch_dark .ui.primary.progress .bar,
+.ch_dark .ui.progress .primary.bar {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.indeterminate.primary.progress .bar::before,
+.ch_dark .ui.primary.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .primary.bar {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.indeterminate.secondary.progress .bar::before,
+.ch_dark .ui.secondary.progress .bar,
+.ch_dark .ui.progress .secondary.bar {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.indeterminate.secondary.progress .bar::before,
+.ch_dark .ui.secondary.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .secondary.bar {
+    background-color: #545454;
+}
+
+.ch_dark .ui.indeterminate.red.progress .bar::before,
+.ch_dark .ui.red.progress .bar,
+.ch_dark .ui.progress .red.bar {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.inverted.indeterminate.red.progress .bar::before,
+.ch_dark .ui.red.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .red.bar {
+    background-color: #ff695e;
+}
+
+.ch_dark .ui.indeterminate.orange.progress .bar::before,
+.ch_dark .ui.orange.progress .bar,
+.ch_dark .ui.progress .orange.bar {
+    background-color: #f2711c;
+}
+
+.ch_dark .ui.inverted.indeterminate.orange.progress .bar::before,
+.ch_dark .ui.orange.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .orange.bar {
+    background-color: #ff851b;
+}
+
+.ch_dark .ui.indeterminate.yellow.progress .bar::before,
+.ch_dark .ui.yellow.progress .bar,
+.ch_dark .ui.progress .yellow.bar {
+    background-color: #fbbd08;
+}
+
+.ch_dark .ui.inverted.indeterminate.yellow.progress .bar::before,
+.ch_dark .ui.yellow.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .yellow.bar {
+    background-color: #ffe21f;
+}
+
+.ch_dark .ui.indeterminate.olive.progress .bar::before,
+.ch_dark .ui.olive.progress .bar,
+.ch_dark .ui.progress .olive.bar {
+    background-color: #b5cc18;
+}
+
+.ch_dark .ui.inverted.indeterminate.olive.progress .bar::before,
+.ch_dark .ui.olive.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .olive.bar {
+    background-color: #d9e778;
+}
+
+.ch_dark .ui.indeterminate.green.progress .bar::before,
+.ch_dark .ui.green.progress .bar,
+.ch_dark .ui.progress .green.bar {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.inverted.indeterminate.green.progress .bar::before,
+.ch_dark .ui.green.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .green.bar {
+    background-color: #2ecc40;
+}
+
+.ch_dark .ui.indeterminate.teal.progress .bar::before,
+.ch_dark .ui.teal.progress .bar,
+.ch_dark .ui.progress .teal.bar {
+    background-color: #00b5ad;
+}
+
+.ch_dark .ui.inverted.indeterminate.teal.progress .bar::before,
+.ch_dark .ui.teal.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .teal.bar {
+    background-color: #6dffff;
+}
+
+.ch_dark .ui.indeterminate.blue.progress .bar::before,
+.ch_dark .ui.blue.progress .bar,
+.ch_dark .ui.progress .blue.bar {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.inverted.indeterminate.blue.progress .bar::before,
+.ch_dark .ui.blue.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .blue.bar {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.indeterminate.violet.progress .bar::before,
+.ch_dark .ui.violet.progress .bar,
+.ch_dark .ui.progress .violet.bar {
+    background-color: #6435c9;
+}
+
+.ch_dark .ui.inverted.indeterminate.violet.progress .bar::before,
+.ch_dark .ui.violet.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .violet.bar {
+    background-color: #a291fb;
+}
+
+.ch_dark .ui.indeterminate.purple.progress .bar::before,
+.ch_dark .ui.purple.progress .bar,
+.ch_dark .ui.progress .purple.bar {
+    background-color: #a333c8;
+}
+
+.ch_dark .ui.inverted.indeterminate.purple.progress .bar::before,
+.ch_dark .ui.purple.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .purple.bar {
+    background-color: #dc73ff;
+}
+
+.ch_dark .ui.indeterminate.pink.progress .bar::before,
+.ch_dark .ui.pink.progress .bar,
+.ch_dark .ui.progress .pink.bar {
+    background-color: #e03997;
+}
+
+.ch_dark .ui.inverted.indeterminate.pink.progress .bar::before,
+.ch_dark .ui.pink.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .pink.bar {
+    background-color: #ff8edf;
+}
+
+.ch_dark .ui.indeterminate.brown.progress .bar::before,
+.ch_dark .ui.brown.progress .bar,
+.ch_dark .ui.progress .brown.bar {
+    background-color: #a5673f;
+}
+
+.ch_dark .ui.inverted.indeterminate.brown.progress .bar::before,
+.ch_dark .ui.brown.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .brown.bar {
+    background-color: #d67c1c;
+}
+
+.ch_dark .ui.indeterminate.grey.progress .bar::before,
+.ch_dark .ui.grey.progress .bar,
+.ch_dark .ui.progress .grey.bar {
+    background-color: #767676;
+}
+
+.ch_dark .ui.inverted.indeterminate.grey.progress .bar::before,
+.ch_dark .ui.grey.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .grey.bar {
+    background-color: #dcddde;
+}
+
+.ch_dark .ui.indeterminate.black.progress .bar::before,
+.ch_dark .ui.black.progress .bar,
+.ch_dark .ui.progress .black.bar {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.indeterminate.black.progress .bar::before,
+.ch_dark .ui.black.inverted.progress .bar,
+.ch_dark .ui.inverted.progress .black.bar {
+    background-color: #545454;
+}
+
+.ch_dark .ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
+    background: #fff;
+}
+
+.ch_dark .ui.sliding.indeterminate.progress .bar,
+.ch_dark .ui.swinging.indeterminate.progress .bar,
+.ch_dark .ui.filling.indeterminate.progress .bar {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.sliding.indeterminate.progress .bar .progress,
+.ch_dark .ui.swinging.indeterminate.progress .bar .progress {
+    color: #1b1c1d;
+}
+
+.ch_dark .ui.inverted.sliding.indeterminate.progress .bar,
+.ch_dark .ui.inverted.swinging.indeterminate.progress .bar,
+.ch_dark .ui.inverted.filling.indeterminate.progress .bar {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.ch_dark .ui.inverted.sliding.indeterminate.progress .bar .progress,
+.ch_dark .ui.inverted.swinging.indeterminate.progress .bar .progress {
+    color: rgba(0, 0, 0, 0.7);
+}
+
+/** Progress ** Site Overrides **!#Slider **/
+.ch_dark .ui.slider .inner .track {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.ch_dark .ui.slider .inner .track-fill {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.slider .inner .thumb {
+    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ch_dark .ui.slider:not(.disabled) .inner .thumb:hover {
+    background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+}
+
+.ch_dark .ui.slider:not(.disabled):focus .inner .thumb {
+    background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+}
+
+/** States Disabled **/
+.ch_dark .ui.disabled.slider .inner .track-fill {
+    background: #ccc;
+}
+
+/** Variations Vertical **/
+.ch_dark .ui.labeled.ticked.slider>.labels .label::after {
+    background: #ccc;
+}
+
+.ch_dark .ui.inverted.slider .inner .track-fill {
+    background-color: #545454;
+}
+
+.ch_dark .ui.inverted.slider .inner .track {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.ch_dark .ui.primary.slider .inner .track-fill {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.primary.inverted.slider .inner .track-fill {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.primary.slider.basic .inner .thumb {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.primary.slider.basic .inner .thumb:hover,
+.ch_dark .ui.primary.slider.basic:focus .inner .thumb {
+    background-color: #1678c2;
+}
+
+.ch_dark .ui.primary.inverted.slider.basic .inner .thumb {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.primary.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.primary.inverted.slider.basic:focus .inner .thumb {
+    background-color: #21b8ff;
+}
+
+.ch_dark .ui.secondary.slider .inner .track-fill {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.secondary.inverted.slider .inner .track-fill {
+    background-color: #545454;
+}
+
+.ch_dark .ui.secondary.slider.basic .inner .thumb {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.secondary.slider.basic .inner .thumb:hover,
+.ch_dark .ui.secondary.slider.basic:focus .inner .thumb {
+    background-color: #27292a;
+}
+
+.ch_dark .ui.secondary.inverted.slider.basic .inner .thumb {
+    background-color: #545454;
+}
+
+.ch_dark .ui.secondary.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.secondary.inverted.slider.basic:focus .inner .thumb {
+    background-color: #6e6e6e;
+}
+
+.ch_dark .ui.red.slider .inner .track-fill {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.red.inverted.slider .inner .track-fill {
+    background-color: #ff695e;
+}
+
+.ch_dark .ui.red.slider.basic .inner .thumb {
+    background-color: #db2828;
+}
+
+.ch_dark .ui.red.slider.basic .inner .thumb:hover,
+.ch_dark .ui.red.slider.basic:focus .inner .thumb {
+    background-color: #d01919;
+}
+
+.ch_dark .ui.red.inverted.slider.basic .inner .thumb {
+    background-color: #ff695e;
+}
+
+.ch_dark .ui.red.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.red.inverted.slider.basic:focus .inner .thumb {
+    background-color: #ff392b;
+}
+
+.ch_dark .ui.orange.slider .inner .track-fill {
+    background-color: #f2711c;
+}
+
+.ch_dark .ui.orange.inverted.slider .inner .track-fill {
+    background-color: #ff851b;
+}
+
+.ch_dark .ui.orange.slider.basic .inner .thumb {
+    background-color: #f2711c;
+}
+
+.ch_dark .ui.orange.slider.basic .inner .thumb:hover,
+.ch_dark .ui.orange.slider.basic:focus .inner .thumb {
+    background-color: #f26202;
+}
+
+.ch_dark .ui.orange.inverted.slider.basic .inner .thumb {
+    background-color: #ff851b;
+}
+
+.ch_dark .ui.orange.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.orange.inverted.slider.basic:focus .inner .thumb {
+    background-color: #e76b00;
+}
+
+.ch_dark .ui.yellow.slider .inner .track-fill {
+    background-color: #fbbd08;
+}
+
+.ch_dark .ui.yellow.inverted.slider .inner .track-fill {
+    background-color: #ffe21f;
+}
+
+.ch_dark .ui.yellow.slider.basic .inner .thumb {
+    background-color: #fbbd08;
+}
+
+.ch_dark .ui.yellow.slider.basic .inner .thumb:hover,
+.ch_dark .ui.yellow.slider.basic:focus .inner .thumb {
+    background-color: #eaae00;
+}
+
+.ch_dark .ui.yellow.inverted.slider.basic .inner .thumb {
+    background-color: #ffe21f;
+}
+
+.ch_dark .ui.yellow.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.yellow.inverted.slider.basic:focus .inner .thumb {
+    background-color: #ebcd00;
+}
+
+.ch_dark .ui.olive.slider .inner .track-fill {
+    background-color: #b5cc18;
+}
+
+.ch_dark .ui.olive.inverted.slider .inner .track-fill {
+    background-color: #d9e778;
+}
+
+.ch_dark .ui.olive.slider.basic .inner .thumb {
+    background-color: #b5cc18;
+}
+
+.ch_dark .ui.olive.slider.basic .inner .thumb:hover,
+.ch_dark .ui.olive.slider.basic:focus .inner .thumb {
+    background-color: #a7bd0d;
+}
+
+.ch_dark .ui.olive.inverted.slider.basic .inner .thumb {
+    background-color: #d9e778;
+}
+
+.ch_dark .ui.olive.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.olive.inverted.slider.basic:focus .inner .thumb {
+    background-color: #d2e745;
+}
+
+.ch_dark .ui.green.slider .inner .track-fill {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.green.inverted.slider .inner .track-fill {
+    background-color: #2ecc40;
+}
+
+.ch_dark .ui.green.slider.basic .inner .thumb {
+    background-color: #21ba45;
+}
+
+.ch_dark .ui.green.slider.basic .inner .thumb:hover,
+.ch_dark .ui.green.slider.basic:focus .inner .thumb {
+    background-color: #16ab39;
+}
+
+.ch_dark .ui.green.inverted.slider.basic .inner .thumb {
+    background-color: #2ecc40;
+}
+
+.ch_dark .ui.green.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.green.inverted.slider.basic:focus .inner .thumb {
+    background-color: #1ea92e;
+}
+
+.ch_dark .ui.teal.slider .inner .track-fill {
+    background-color: #00b5ad;
+}
+
+.ch_dark .ui.teal.inverted.slider .inner .track-fill {
+    background-color: #6dffff;
+}
+
+.ch_dark .ui.teal.slider.basic .inner .thumb {
+    background-color: #00b5ad;
+}
+
+.ch_dark .ui.teal.slider.basic .inner .thumb:hover,
+.ch_dark .ui.teal.slider.basic:focus .inner .thumb {
+    background-color: #009c95;
+}
+
+.ch_dark .ui.teal.inverted.slider.basic .inner .thumb {
+    background-color: #6dffff;
+}
+
+.ch_dark .ui.teal.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.teal.inverted.slider.basic:focus .inner .thumb {
+    background-color: #3affff;
+}
+
+.ch_dark .ui.blue.slider .inner .track-fill {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.blue.inverted.slider .inner .track-fill {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.blue.slider.basic .inner .thumb {
+    background-color: #2185d0;
+}
+
+.ch_dark .ui.blue.slider.basic .inner .thumb:hover,
+.ch_dark .ui.blue.slider.basic:focus .inner .thumb {
+    background-color: #1678c2;
+}
+
+.ch_dark .ui.blue.inverted.slider.basic .inner .thumb {
+    background-color: #54c8ff;
+}
+
+.ch_dark .ui.blue.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.blue.inverted.slider.basic:focus .inner .thumb {
+    background-color: #21b8ff;
+}
+
+.ch_dark .ui.violet.slider .inner .track-fill {
+    background-color: #6435c9;
+}
+
+.ch_dark .ui.violet.inverted.slider .inner .track-fill {
+    background-color: #a291fb;
+}
+
+.ch_dark .ui.violet.slider.basic .inner .thumb {
+    background-color: #6435c9;
+}
+
+.ch_dark .ui.violet.slider.basic .inner .thumb:hover,
+.ch_dark .ui.violet.slider.basic:focus .inner .thumb {
+    background-color: #5829bb;
+}
+
+.ch_dark .ui.violet.inverted.slider.basic .inner .thumb {
+    background-color: #a291fb;
+}
+
+.ch_dark .ui.violet.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.violet.inverted.slider.basic:focus .inner .thumb {
+    background-color: #745aff;
+}
+
+.ch_dark .ui.purple.slider .inner .track-fill {
+    background-color: #a333c8;
+}
+
+.ch_dark .ui.purple.inverted.slider .inner .track-fill {
+    background-color: #dc73ff;
+}
+
+.ch_dark .ui.purple.slider.basic .inner .thumb {
+    background-color: #a333c8;
+}
+
+.ch_dark .ui.purple.slider.basic .inner .thumb:hover,
+.ch_dark .ui.purple.slider.basic:focus .inner .thumb {
+    background-color: #9627ba;
+}
+
+.ch_dark .ui.purple.inverted.slider.basic .inner .thumb {
+    background-color: #dc73ff;
+}
+
+.ch_dark .ui.purple.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.purple.inverted.slider.basic:focus .inner .thumb {
+    background-color: #cf40ff;
+}
+
+.ch_dark .ui.pink.slider .inner .track-fill {
+    background-color: #e03997;
+}
+
+.ch_dark .ui.pink.inverted.slider .inner .track-fill {
+    background-color: #ff8edf;
+}
+
+.ch_dark .ui.pink.slider.basic .inner .thumb {
+    background-color: #e03997;
+}
+
+.ch_dark .ui.pink.slider.basic .inner .thumb:hover,
+.ch_dark .ui.pink.slider.basic:focus .inner .thumb {
+    background-color: #e61a8d;
+}
+
+.ch_dark .ui.pink.inverted.slider.basic .inner .thumb {
+    background-color: #ff8edf;
+}
+
+.ch_dark .ui.pink.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.pink.inverted.slider.basic:focus .inner .thumb {
+    background-color: #ff5bd1;
+}
+
+.ch_dark .ui.brown.slider .inner .track-fill {
+    background-color: #a5673f;
+}
+
+.ch_dark .ui.brown.inverted.slider .inner .track-fill {
+    background-color: #d67c1c;
+}
+
+.ch_dark .ui.brown.slider.basic .inner .thumb {
+    background-color: #a5673f;
+}
+
+.ch_dark .ui.brown.slider.basic .inner .thumb:hover,
+.ch_dark .ui.brown.slider.basic:focus .inner .thumb {
+    background-color: #975b33;
+}
+
+.ch_dark .ui.brown.inverted.slider.basic .inner .thumb {
+    background-color: #d67c1c;
+}
+
+.ch_dark .ui.brown.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.brown.inverted.slider.basic:focus .inner .thumb {
+    background-color: #b0620f;
+}
+
+.ch_dark .ui.grey.slider .inner .track-fill {
+    background-color: #767676;
+}
+
+.ch_dark .ui.grey.inverted.slider .inner .track-fill {
+    background-color: #dcddde;
+}
+
+.ch_dark .ui.grey.slider.basic .inner .thumb {
+    background-color: #767676;
+}
+
+.ch_dark .ui.grey.slider.basic .inner .thumb:hover,
+.ch_dark .ui.grey.slider.basic:focus .inner .thumb {
+    background-color: #838383;
+}
+
+.ch_dark .ui.grey.inverted.slider.basic .inner .thumb {
+    background-color: #dcddde;
+}
+
+.ch_dark .ui.grey.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.grey.inverted.slider.basic:focus .inner .thumb {
+    background-color: #c2c4c5;
+}
+
+.ch_dark .ui.black.slider .inner .track-fill {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.black.inverted.slider .inner .track-fill {
+    background-color: #545454;
+}
+
+.ch_dark .ui.black.slider.basic .inner .thumb {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.black.slider.basic .inner .thumb:hover,
+.ch_dark .ui.black.slider.basic:focus .inner .thumb {
+    background-color: #27292a;
+}
+
+.ch_dark .ui.black.inverted.slider.basic .inner .thumb {
+    background-color: #545454;
+}
+
+.ch_dark .ui.black.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.black.inverted.slider.basic:focus .inner .thumb {
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.slider.basic .inner .thumb {
+    background-color: #1b1c1d;
+}
+
+.ch_dark .ui.slider.basic .inner .thumb:hover,
+.ch_dark .ui.slider.basic:focus .inner .thumb {
+    background-color: #27292a;
+}
+
+.ch_dark .ui.inverted.slider.basic .inner .thumb {
+    background-color: #545454;
+}
+
+.ch_dark .ui.inverted.slider.basic .inner .thumb:hover,
+.ch_dark .ui.inverted.slider.basic:focus .inner .thumb {
+    background-color: var(--blackbackground);
+}
+
+/** Rating **/
+.ch_dark .ui.rating .icon {
+    color: rgba(0, 0, 0, 0.15);
+}
+
+.ch_dark .ui.rating .active.icon {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.rating .icon.partial.active {
+    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+}
+
+.ch_dark .ui.rating .icon.selected,
+.ch_dark .ui.rating .icon.selected.active,
+.ch_dark .ui.rating .icon.selected.partial.active {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.primary.rating .active.icon {
+    color: #54c8ff;
+    text-shadow: 0 -1px 0 #2185d0, -1px 0 0 #2185d0, 0 1px 0 #2185d0, 1px 0 0 #2185d0;
+}
+
+.ch_dark .ui.primary.rating .icon.selected,
+.ch_dark .ui.primary.rating .icon.selected.active,
+.ch_dark .ui.primary.rating .icon.selected.partial.active {
+    color: #21b8ff;
+    text-shadow: 0 -1px 0 #1678c2, -1px 0 0 #1678c2, 0 1px 0 #1678c2, 1px 0 0 #1678c2;
+}
+
+.ch_dark .ui.primary.rating .icon.partial.active {
+    background: linear-gradient(to right, #54c8ff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #2185d0 0.78px;
+}
+
+.ch_dark .ui.secondary.rating .active.icon {
+    color: #545454;
+    text-shadow: 0 -1px 0 #1b1c1d, -1px 0 0 #1b1c1d, 0 1px 0 #1b1c1d, 1px 0 0 #1b1c1d;
+}
+
+.ch_dark .ui.secondary.rating .icon.selected,
+.ch_dark .ui.secondary.rating .icon.selected.active,
+.ch_dark .ui.secondary.rating .icon.selected.partial.active {
+    color: #6e6e6e;
+    text-shadow: 0 -1px 0 #27292a, -1px 0 0 #27292a, 0 1px 0 #27292a, 1px 0 0 #27292a;
+}
+
+.ch_dark .ui.secondary.rating .icon.partial.active {
+    background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #1b1c1d 0.78px;
+}
+
+.ch_dark .ui.red.rating .active.icon {
+    color: #ff695e;
+    text-shadow: 0 -1px 0 #db2828, -1px 0 0 #db2828, 0 1px 0 #db2828, 1px 0 0 #db2828;
+}
+
+.ch_dark .ui.red.rating .icon.selected,
+.ch_dark .ui.red.rating .icon.selected.active,
+.ch_dark .ui.red.rating .icon.selected.partial.active {
+    color: #ff392b;
+    text-shadow: 0 -1px 0 #d01919, -1px 0 0 #d01919, 0 1px 0 #d01919, 1px 0 0 #d01919;
+}
+
+.ch_dark .ui.red.rating .icon.partial.active {
+    background: linear-gradient(to right, #ff695e 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #db2828 0.78px;
+}
+
+.ch_dark .ui.orange.rating .active.icon {
+    color: #ff851b;
+    text-shadow: 0 -1px 0 #f2711c, -1px 0 0 #f2711c, 0 1px 0 #f2711c, 1px 0 0 #f2711c;
+}
+
+.ch_dark .ui.orange.rating .icon.selected,
+.ch_dark .ui.orange.rating .icon.selected.active,
+.ch_dark .ui.orange.rating .icon.selected.partial.active {
+    color: #e76b00;
+    text-shadow: 0 -1px 0 #f26202, -1px 0 0 #f26202, 0 1px 0 #f26202, 1px 0 0 #f26202;
+}
+
+.ch_dark .ui.orange.rating .icon.partial.active {
+    background: linear-gradient(to right, #ff851b 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #f2711c 0.78px;
+}
+
+.ch_dark .ui.yellow.rating .active.icon {
+    color: #ffe21f;
+    text-shadow: 0 -1px 0 #fbbd08, -1px 0 0 #fbbd08, 0 1px 0 #fbbd08, 1px 0 0 #fbbd08;
+}
+
+.ch_dark .ui.yellow.rating .icon.selected,
+.ch_dark .ui.yellow.rating .icon.selected.active,
+.ch_dark .ui.yellow.rating .icon.selected.partial.active {
+    color: #ebcd00;
+    text-shadow: 0 -1px 0 #eaae00, -1px 0 0 #eaae00, 0 1px 0 #eaae00, 1px 0 0 #eaae00;
+}
+
+.ch_dark .ui.yellow.rating .icon.partial.active {
+    background: linear-gradient(to right, #ffe21f 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #fbbd08 0.78px;
+}
+
+.ch_dark .ui.olive.rating .active.icon {
+    color: #d9e778;
+    text-shadow: 0 -1px 0 #b5cc18, -1px 0 0 #b5cc18, 0 1px 0 #b5cc18, 1px 0 0 #b5cc18;
+}
+
+.ch_dark .ui.olive.rating .icon.selected,
+.ch_dark .ui.olive.rating .icon.selected.active,
+.ch_dark .ui.olive.rating .icon.selected.partial.active {
+    color: #d2e745;
+    text-shadow: 0 -1px 0 #a7bd0d, -1px 0 0 #a7bd0d, 0 1px 0 #a7bd0d, 1px 0 0 #a7bd0d;
+}
+
+.ch_dark .ui.olive.rating .icon.partial.active {
+    background: linear-gradient(to right, #d9e778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #b5cc18 0.78px;
+}
+
+.ch_dark .ui.green.rating .active.icon {
+    color: #2ecc40;
+    text-shadow: 0 -1px 0 #21ba45, -1px 0 0 #21ba45, 0 1px 0 #21ba45, 1px 0 0 #21ba45;
+}
+
+.ch_dark .ui.green.rating .icon.selected,
+.ch_dark .ui.green.rating .icon.selected.active,
+.ch_dark .ui.green.rating .icon.selected.partial.active {
+    color: #1ea92e;
+    text-shadow: 0 -1px 0 #16ab39, -1px 0 0 #16ab39, 0 1px 0 #16ab39, 1px 0 0 #16ab39;
+}
+
+.ch_dark .ui.green.rating .icon.partial.active {
+    background: linear-gradient(to right, #2ecc40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #21ba45 0.78px;
+}
+
+.ch_dark .ui.teal.rating .active.icon {
+    color: #6dffff;
+    text-shadow: 0 -1px 0 #00b5ad, -1px 0 0 #00b5ad, 0 1px 0 #00b5ad, 1px 0 0 #00b5ad;
+}
+
+.ch_dark .ui.teal.rating .icon.selected,
+.ch_dark .ui.teal.rating .icon.selected.active,
+.ch_dark .ui.teal.rating .icon.selected.partial.active {
+    color: #3affff;
+    text-shadow: 0 -1px 0 #009c95, -1px 0 0 #009c95, 0 1px 0 #009c95, 1px 0 0 #009c95;
+}
+
+.ch_dark .ui.teal.rating .icon.partial.active {
+    background: linear-gradient(to right, #6dffff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #00b5ad 0.78px;
+}
+
+.ch_dark .ui.blue.rating .active.icon {
+    color: #54c8ff;
+    text-shadow: 0 -1px 0 #2185d0, -1px 0 0 #2185d0, 0 1px 0 #2185d0, 1px 0 0 #2185d0;
+}
+
+.ch_dark .ui.blue.rating .icon.selected,
+.ch_dark .ui.blue.rating .icon.selected.active,
+.ch_dark .ui.blue.rating .icon.selected.partial.active {
+    color: #21b8ff;
+    text-shadow: 0 -1px 0 #1678c2, -1px 0 0 #1678c2, 0 1px 0 #1678c2, 1px 0 0 #1678c2;
+}
+
+.ch_dark .ui.blue.rating .icon.partial.active {
+    background: linear-gradient(to right, #54c8ff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #2185d0 0.78px;
+}
+
+.ch_dark .ui.violet.rating .active.icon {
+    color: #a291fb;
+    text-shadow: 0 -1px 0 #6435c9, -1px 0 0 #6435c9, 0 1px 0 #6435c9, 1px 0 0 #6435c9;
+}
+
+.ch_dark .ui.violet.rating .icon.selected,
+.ch_dark .ui.violet.rating .icon.selected.active,
+.ch_dark .ui.violet.rating .icon.selected.partial.active {
+    color: #745aff;
+    text-shadow: 0 -1px 0 #5829bb, -1px 0 0 #5829bb, 0 1px 0 #5829bb, 1px 0 0 #5829bb;
+}
+
+.ch_dark .ui.violet.rating .icon.partial.active {
+    background: linear-gradient(to right, #a291fb 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #6435c9 0.78px;
+}
+
+.ch_dark .ui.purple.rating .active.icon {
+    color: #dc73ff;
+    text-shadow: 0 -1px 0 #a333c8, -1px 0 0 #a333c8, 0 1px 0 #a333c8, 1px 0 0 #a333c8;
+}
+
+.ch_dark .ui.purple.rating .icon.selected,
+.ch_dark .ui.purple.rating .icon.selected.active,
+.ch_dark .ui.purple.rating .icon.selected.partial.active {
+    color: #cf40ff;
+    text-shadow: 0 -1px 0 #9627ba, -1px 0 0 #9627ba, 0 1px 0 #9627ba, 1px 0 0 #9627ba;
+}
+
+.ch_dark .ui.purple.rating .icon.partial.active {
+    background: linear-gradient(to right, #dc73ff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #a333c8 0.78px;
+}
+
+.ch_dark .ui.pink.rating .active.icon {
+    color: #ff8edf;
+    text-shadow: 0 -1px 0 #e03997, -1px 0 0 #e03997, 0 1px 0 #e03997, 1px 0 0 #e03997;
+}
+
+.ch_dark .ui.pink.rating .icon.selected,
+.ch_dark .ui.pink.rating .icon.selected.active,
+.ch_dark .ui.pink.rating .icon.selected.partial.active {
+    color: #ff5bd1;
+    text-shadow: 0 -1px 0 #e61a8d, -1px 0 0 #e61a8d, 0 1px 0 #e61a8d, 1px 0 0 #e61a8d;
+}
+
+.ch_dark .ui.pink.rating .icon.partial.active {
+    background: linear-gradient(to right, #ff8edf 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #e03997 0.78px;
+}
+
+.ch_dark .ui.brown.rating .active.icon {
+    color: #d67c1c;
+    text-shadow: 0 -1px 0 #a5673f, -1px 0 0 #a5673f, 0 1px 0 #a5673f, 1px 0 0 #a5673f;
+}
+
+.ch_dark .ui.brown.rating .icon.selected,
+.ch_dark .ui.brown.rating .icon.selected.active,
+.ch_dark .ui.brown.rating .icon.selected.partial.active {
+    color: #b0620f;
+    text-shadow: 0 -1px 0 #975b33, -1px 0 0 #975b33, 0 1px 0 #975b33, 1px 0 0 #975b33;
+}
+
+.ch_dark .ui.brown.rating .icon.partial.active {
+    background: linear-gradient(to right, #d67c1c 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #a5673f 0.78px;
+}
+
+.ch_dark .ui.grey.rating .active.icon {
+    color: #dcddde;
+    text-shadow: 0 -1px 0 #767676, -1px 0 0 #767676, 0 1px 0 #767676, 1px 0 0 #767676;
+}
+
+.ch_dark .ui.grey.rating .icon.selected,
+.ch_dark .ui.grey.rating .icon.selected.active,
+.ch_dark .ui.grey.rating .icon.selected.partial.active {
+    color: #c2c4c5;
+    text-shadow: 0 -1px 0 #838383, -1px 0 0 #838383, 0 1px 0 #838383, 1px 0 0 #838383;
+}
+
+.ch_dark .ui.grey.rating .icon.partial.active {
+    background: linear-gradient(to right, #dcddde 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #767676 0.78px;
+}
+
+.ch_dark .ui.black.rating .active.icon {
+    color: #545454;
+    text-shadow: 0 -1px 0 #1b1c1d, -1px 0 0 #1b1c1d, 0 1px 0 #1b1c1d, 1px 0 0 #1b1c1d;
+}
+
+.ch_dark .ui.black.rating .icon.selected,
+.ch_dark .ui.black.rating .icon.selected.active,
+.ch_dark .ui.black.rating .icon.selected.partial.active {
+    color: var(--blackbackground);
+    text-shadow: 0 -1px 0 #27292a, -1px 0 0 #27292a, 0 1px 0 #27292a, 1px 0 0 #27292a;
+}
+
+.ch_dark .ui.black.rating .icon.partial.active {
+    background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+    -webkit-text-stroke: #1b1c1d 0.78px;
+}
+
+/** Search **/
+.ch_dark .ui.search>.prompt {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    background: #fff;
+    border: 1px solid rgba(34, 36, 38, 0.15);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.search>.results {
+    background: #000;
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+    border: 1px solid #292929;
+}
+
+.ch_dark .ui.search>.results .result {
+    color: rgba(255, 255, 255, 0.87);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.search>.results .result .title {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.search>.results .result .description {
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .ui.search>.results .result .price {
+    color: #21ba45;
+}
+
+.ch_dark .ui.search>.results>.message .header {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.search>.results>.message .description {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.search>.results>.action {
+    background: var(--blackbackground);
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.search>.prompt:focus {
+    border-color: rgba(34, 36, 38, 0.35);
+    background: #fff;
+    color: rgba(255, 255, 255, 0.95);
+}
+
+.ch_dark .ui.loading.search .input>i.icon::before {
+    border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.loading.search .input>i.icon::after {
+    border: 0.2em solid #767676;
+}
+
+.ch_dark .ui.search>.results .result:hover,
+.ch_dark .ui.category.search>.results .category .result:hover {
+    background: var(--blackcolor);
+}
+
+.ch_dark .ui.search .action:hover:not(div) {
+    background: #e0e0e0;
+}
+
+.ch_dark .ui.category.search>.results .category.active {
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.category.search>.results .category.active>.name {
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.search>.results .result.active,
+.ch_dark .ui.category.search>.results .category .result.active {
+    border-left-color: rgba(34, 36, 38, 0.1);
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.search>.results .result.active .title {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.search>.results .result.active .description {
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.ch_dark .ui.search.selection>.icon.input>.remove.icon:hover {
+    color: #db2828;
+}
+
+.ch_dark .ui.category.search>.results .category {
+    background: var(--blackbackground);
+}
+
+.ch_dark .ui.category.search>.results .category>.name {
+    color: rgba(0, 0, 0, 0.4);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ch_dark .ui.category.search>.results .category .results {
+    background: #fff;
+    border-left: 1px solid rgba(34, 36, 38, 0.15);
+    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/** Shape **/
+.ch_dark .ui.cube.shape .side {
+    background-color: #e6e6e6;
+    color: rgba(255, 255, 255, 0.87);
+    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+}
+
+.ch_dark body.pushable {
+    background: #545454;
+}
+
+.ch_dark body.pushable>.pusher {
+    background: #2a2a2a;
+}
+
+.ch_dark .pushable>.pusher::after {
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.ch_dark .pushable>.pusher.dimmed.blurring:not(.closing)::after {
+    background: rgba(0, 0, 0, 0.6);
+}
+
+.ch_dark .ui.tab.loading::before,
+.ch_dark .ui.tab.loading.segment::before {
+    border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ch_dark .ui.tab.loading::after,
+.ch_dark .ui.tab.loading.segment::after {
+    border: 0.2em solid #767676;
+}
+
+.ch_dark .ui.toast-container .toast-box.floating,
+.ch_dark .ui.toast-container .toast-box.hoverfloating:hover {
+    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+    border: 1px solid rgba(34, 36, 38, 0.12);
+}
+
+.ch_dark .ui.toast-container .toast-box.inverted.floating,
+.ch_dark .ui.toast-container .toast-box.inverted.hoverfloating:hover {
+    box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
+    border: 1px solid rgba(225, 225, 225, 0.5);
+}
+
+.ch_dark .ui.toast-container .toast-box>.attached.progress.info .bar.bar.bar {
+    background: #12a1bf;
+}
+
+.ch_dark .ui.toast-container .toast-box>.attached.progress.warning .bar.bar.bar {
+    background: #cf9b0d;
+}
+
+.ch_dark .ui.toast-container .toast-box>.attached.progress.success .bar.bar.bar {
+    background: #15792d;
+}
+
+.ch_dark .ui.toast-container .toast-box>.attached.progress.error .bar.bar.bar {
+    background: #9c1a1a;
+}
+
+.ch_dark .ui.toast-container .toast-box>.attached.progress.neutral .bar.bar.bar {
+    background: #d9d9d9;
+}
+
+.ch_dark .ui.toast-container .toast-box :not(.comment) .actions:not(.basic):not(.attached) {
+    background: rgba(255, 255, 255, 0.25);
+    border-top: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.ch_dark .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic) {
+    border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+/** Toast **/
+.ch_dark .ui.toast {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: var(--blackbackground);
+}
+
+.ch_dark .ui.toast.info {
+    background-color: #31ccec;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.toast.warning {
+    background-color: #f2c037;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.toast.success {
+    background-color: #21ba45;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.toast.error {
+    background-color: #db2828;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.toast.neutral {
+    background-color: #fff;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.hoverfloating.message:hover {
+    box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ch_dark .ui.primary.toast {
+    background-color: #2185d0;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.primary.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.primary.attached.progress .bar {
+    background-color: #54c8ff;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.secondary.toast {
+    background-color: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.secondary.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.secondary.attached.progress .bar {
+    background-color: #545454;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.red.toast {
+    background-color: #db2828;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.red.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.red.attached.progress .bar {
+    background-color: #ff695e;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.orange.toast {
+    background-color: #f2711c;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.orange.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.orange.attached.progress .bar {
+    background-color: #ff851b;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.yellow.toast {
+    background-color: #fbbd08;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.yellow.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.yellow.attached.progress .bar {
+    background-color: #ffe21f;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.olive.toast {
+    background-color: #b5cc18;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.olive.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.olive.attached.progress .bar {
+    background-color: #d9e778;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.green.toast {
+    background-color: #21ba45;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.green.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.green.attached.progress .bar {
+    background-color: #2ecc40;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.teal.toast {
+    background-color: #00b5ad;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.teal.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.teal.attached.progress .bar {
+    background-color: #6dffff;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.blue.toast {
+    background-color: #2185d0;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.blue.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.blue.attached.progress .bar {
+    background-color: #54c8ff;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.violet.toast {
+    background-color: #6435c9;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.violet.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.violet.attached.progress .bar {
+    background-color: #a291fb;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.purple.toast {
+    background-color: #a333c8;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.purple.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.purple.attached.progress .bar {
+    background-color: #dc73ff;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.pink.toast {
+    background-color: #e03997;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.pink.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.pink.attached.progress .bar {
+    background-color: #ff8edf;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.brown.toast {
+    background-color: #a5673f;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.brown.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.brown.attached.progress .bar {
+    background-color: #d67c1c;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.grey.toast {
+    background-color: #767676;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.grey.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.grey.attached.progress .bar {
+    background-color: #dcddde;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.black.toast {
+    background-color: #1b1c1d;
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.ch_dark .ui.inverted.black.toast,
+.ch_dark .ui.toast-container .toast-box>.inverted.black.attached.progress .bar {
+    background-color: #545454;
+    color: rgba(255, 255, 255, 0.87);
+}
+
+.ch_dark .ui.inverted.toast {
+    color: rgba(0, 0, 0, 0.9);
+    background-color: #1b1c1d;
+}
+
+.ch_dark .pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
+}
+
+.ch_dark .inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
+}
+
+@keyframes pulsating {
+    100% {
+        box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
+    }
+}
+
+.ch_dark .primary.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
+}
+
+.ch_dark .primary.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
+}
+
+.ch_dark .secondary.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
+}
+
+.ch_dark .secondary.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
+}
+
+.ch_dark .red.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
+}
+
+.ch_dark .red.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
+}
+
+.ch_dark .orange.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
+}
+
+.ch_dark .orange.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
+}
+
+.ch_dark .yellow.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
+}
+
+.ch_dark .yellow.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
+}
+
+.ch_dark .olive.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
+}
+
+.ch_dark .olive.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
+}
+
+.ch_dark .green.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
+}
+
+.ch_dark .green.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
+}
+
+.ch_dark .teal.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
+}
+
+.ch_dark .teal.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
+}
+
+.ch_dark .blue.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
+}
+
+.ch_dark .blue.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
+}
+
+.ch_dark .violet.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
+}
+
+.ch_dark .violet.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
+}
+
+.ch_dark .purple.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
+}
+
+.ch_dark .purple.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
+}
+
+.ch_dark .pink.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
+}
+
+.ch_dark .pink.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
+}
+
+.ch_dark .brown.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
+}
+
+.ch_dark .brown.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
+}
+
+.ch_dark .grey.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
+}
+
+.ch_dark .grey.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
+}
+
+.ch_dark .black.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
+}
+
+.ch_dark .black.inverted.pulsating.transition {
+    box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
+}
\ No newline at end of file
diff --git a/lib/semanticui/semantic.min.css b/lib/semanticui/semantic.min.css
index 2fad91b..9e6fb42 100644
--- a/lib/semanticui/semantic.min.css
+++ b/lib/semanticui/semantic.min.css
@@ -3,27 +3,19 @@
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *
- * Copyright 2023 Contributors
+ * Copyright 2024 Contributors
  * Released under the MIT license
  * https://opensource.org/licenses/MIT
  *
  */
 /*!
  * # Fomantic-UI 2.9.3 - Reset
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Reset
 *******************************/
-
 /* Border-Box */
-
 .ui,
 .ui>*,
 .ui>*::before,
@@ -36,7 +28,6 @@ html {
 }
 
 /* iPad Input Shadows */
-
 input[type="text"],
 input[type="email"],
 input[type="search"],
@@ -47,15 +38,12 @@ input[type="password"] {
 }
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
 /* Document
    ========================================================================== */
-
 /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
-
 html {
   line-height: 1.15;
   /* 1 */
@@ -65,11 +53,9 @@ html {
 
 /* Sections
    ========================================================================== */
-
 /**
  * Remove the margin in all browsers.
  */
-
 body {
   margin: 0;
 }
@@ -77,7 +63,6 @@ body {
 /**
  * Render the `main` element consistently in IE.
  */
-
 main {
   display: block;
 }
@@ -86,7 +71,6 @@ main {
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
-
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
@@ -94,12 +78,10 @@ h1 {
 
 /* Grouping content
    ========================================================================== */
-
 /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
-
 hr {
   box-sizing: content-box;
   /* 1 */
@@ -113,7 +95,6 @@ hr {
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
-
 pre {
   font-family: monospace, monospace;
   /* 1 */
@@ -123,11 +104,9 @@ pre {
 
 /* Text-level semantics
    ========================================================================== */
-
 /**
  * Remove the gray background on active links in IE 10.
  */
-
 a {
   background-color: transparent;
 }
@@ -136,7 +115,6 @@ a {
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
-
 abbr[title] {
   border-bottom: none;
   /* 1 */
@@ -150,7 +128,6 @@ abbr[title] {
 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
-
 b,
 strong {
   font-weight: bolder;
@@ -160,7 +137,6 @@ strong {
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
-
 code,
 kbd,
 samp {
@@ -173,7 +149,6 @@ samp {
 /**
  * Add the correct font size in all browsers.
  */
-
 small {
   font-size: 80%;
 }
@@ -182,7 +157,6 @@ small {
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
-
 sub,
 sup {
   font-size: 75%;
@@ -201,23 +175,19 @@ sup {
 
 /* Embedded content
    ========================================================================== */
-
 /**
  * Remove the border on images inside links in IE 10.
  */
-
 img {
   border-style: none;
 }
 
 /* Forms
    ========================================================================== */
-
 /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
-
 button,
 input,
 optgroup,
@@ -237,7 +207,6 @@ textarea {
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
-
 button,
 input {
   overflow: visible;
@@ -248,7 +217,6 @@ input {
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
-
 button,
 select {
   text-transform: none;
@@ -258,7 +226,6 @@ select {
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
-
 button,
 [type="button"],
 [type="reset"],
@@ -269,7 +236,6 @@ button,
 /**
  * Remove the inner border and padding in Firefox.
  */
-
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
@@ -281,7 +247,6 @@ button::-moz-focus-inner,
 /**
  * Restore the focus styles unset by the previous rule.
  */
-
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
@@ -292,7 +257,6 @@ button:-moz-focusring,
 /**
  * Correct the padding in Firefox.
  */
-
 fieldset {
   padding: 0.35em 0.75em 0.625em;
 }
@@ -303,7 +267,6 @@ fieldset {
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
-
 legend {
   box-sizing: border-box;
   /* 1 */
@@ -322,7 +285,6 @@ legend {
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
-
 progress {
   vertical-align: baseline;
 }
@@ -330,7 +292,6 @@ progress {
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
-
 textarea {
   overflow: auto;
 }
@@ -339,7 +300,6 @@ textarea {
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
-
 [type="checkbox"],
 [type="radio"] {
   box-sizing: border-box;
@@ -351,7 +311,6 @@ textarea {
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
-
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto;
@@ -361,7 +320,6 @@ textarea {
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
-
 [type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
@@ -372,7 +330,6 @@ textarea {
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
-
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
@@ -381,7 +338,6 @@ textarea {
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
-
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
@@ -391,11 +347,9 @@ textarea {
 
 /* Interactive
    ========================================================================== */
-
 /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
-
 details {
   display: block;
 }
@@ -403,18 +357,15 @@ details {
 /*
  * Add the correct display in all browsers.
  */
-
 summary {
   display: list-item;
 }
 
 /* Misc
    ========================================================================== */
-
 /**
  * Add the correct display in IE 10+.
  */
-
 template {
   display: none;
 }
@@ -422,7 +373,6 @@ template {
 /**
  * Add the correct display in IE 10.
  */
-
 [hidden] {
   display: none !important;
   /* CPI HELPER CHANGE */
@@ -433,18 +383,11 @@ template {
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Site
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Page
 *******************************/
-
 @font-face {
   font-family: Lato;
   src: url(/lib/semanticui/LatoLatin-Regular.woff2) format('woff2'), url(chrome-extension://__MSG_@@extension_id__/lib/semanticui/LatoLatin-Regular.woff) format('woff');
@@ -528,9 +471,7 @@ template {
 /* *****************************
  Scrollbars
 *******************************/
-
 /* Force Simple Scrollbars */
-
 body ::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 10px;
@@ -570,7 +511,6 @@ body .ui {
 }
 
 /* Inverted UI */
-
 body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.1);
 }
@@ -600,16 +540,13 @@ body .ui.inverted:not(.dimmer) {
 /*******************************
           Highlighting
 *******************************/
-
 /* Site */
-
 ::selection {
   background-color: #cce2ff;
   color: rgba(0, 0, 0, 0.87);
 }
 
 /* Form */
-
 textarea::selection,
 input::selection {
   background-color: rgba(100, 100, 100, 0.4);
@@ -619,24 +556,16 @@ input::selection {
 /*******************************
         Global Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Button
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Button
 *******************************/
-
 .ui.button {
   cursor: pointer;
   display: inline-block;
@@ -669,11 +598,9 @@ input::selection {
 /*******************************
             States
 *******************************/
-
 /* --------------
       Hover
 --------------- */
-
 .ui.button:hover {
   background-color: #cacbcd;
   background-image: none;
@@ -688,7 +615,6 @@ input::selection {
 /* --------------
       Focus
 --------------- */
-
 .ui.button:focus {
   background-color: #cacbcd;
   color: rgba(0, 0, 0, 0.8);
@@ -703,7 +629,6 @@ input::selection {
 /* --------------
       Down
 --------------- */
-
 .ui.button:active,
 .ui.active.button:active {
   background-color: #babbbc;
@@ -715,7 +640,6 @@ input::selection {
 /* --------------
      Active
 --------------- */
-
 .ui.active.button {
   background-color: #c0c1c2;
   background-image: none;
@@ -737,9 +661,7 @@ input::selection {
 /* --------------
         Loading
     --------------- */
-
 /* Specificity hack */
-
 .ui.ui.ui.ui.ui.ui.loading.button {
   position: relative;
   cursor: default;
@@ -799,7 +721,6 @@ input::selection {
 /* -------------------
           Disabled
     -------------------- */
-
 .ui.buttons .disabled.button:not(.basic),
 .ui.disabled.button,
 .ui.button:disabled,
@@ -813,7 +734,6 @@ input::selection {
 }
 
 /* Basic Group With Disabled */
-
 .ui.basic.buttons .ui.disabled.button {
   border-color: rgba(34, 36, 38, 0.5);
 }
@@ -821,11 +741,9 @@ input::selection {
 /*******************************
              Types
 *******************************/
-
 /* -------------------
            Animated
     -------------------- */
-
 .ui.animated.button {
   position: relative;
   overflow: hidden;
@@ -849,7 +767,6 @@ input::selection {
 }
 
 /* Horizontal */
-
 .ui.animated.button .visible.content,
 .ui.animated.button .hidden.content {
   transition: right 0.3s ease 0s;
@@ -880,7 +797,6 @@ input::selection {
 }
 
 /* Vertical */
-
 .ui.vertical.animated.button .visible.content,
 .ui.vertical.animated.button .hidden.content {
   transition: top 0.3s ease, transform 0.3s ease;
@@ -910,7 +826,6 @@ input::selection {
 }
 
 /* Fade */
-
 .ui.fade.animated.button .visible.content,
 .ui.fade.animated.button .hidden.content {
   transition: opacity 0.3s ease, transform 0.3s ease;
@@ -949,7 +864,6 @@ input::selection {
 /* -------------------
            Inverted
     -------------------- */
-
 .ui.inverted.button {
   box-shadow: 0 0 0 2px #fff inset;
   background: transparent none;
@@ -958,7 +872,6 @@ input::selection {
 }
 
 /* Group */
-
 .ui.inverted.buttons .button {
   margin: 0 0 0 -2px;
 }
@@ -976,9 +889,7 @@ input::selection {
 }
 
 /* States */
-
 /* Hover */
-
 .ui.inverted.button:hover {
   background: #fff;
   box-shadow: 0 0 0 2px #fff inset;
@@ -986,7 +897,6 @@ input::selection {
 }
 
 /* Active / Focus */
-
 .ui.inverted.button:focus,
 .ui.inverted.button.active {
   background: #fff;
@@ -995,7 +905,6 @@ input::selection {
 }
 
 /* Active Focus */
-
 .ui.inverted.button.active:focus {
   background: #dcddde;
   box-shadow: 0 0 0 2px #dcddde inset;
@@ -1005,7 +914,6 @@ input::selection {
 /* -------------------
         Labeled Button
     -------------------- */
-
 .ui.labeled.button:not(.icon) {
   display: inline-flex;
   flex-direction: row;
@@ -1029,14 +937,12 @@ input::selection {
 }
 
 /* Tag */
-
 .ui.labeled.button>.tag.label::before {
   width: 1.85em;
   height: 1.85em;
 }
 
 /* Right */
-
 .ui.labeled.button:not([class*="left labeled"])>.button {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -1048,7 +954,6 @@ input::selection {
 }
 
 /* Left Side */
-
 .ui[class*="left labeled"].button>.button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -1062,9 +967,7 @@ input::selection {
 /* -------------------
            Social
     -------------------- */
-
 /* Facebook */
-
 .ui.facebook.button {
   background-color: #3b5998;
   color: #fff;
@@ -1086,7 +989,6 @@ input::selection {
 }
 
 /* Twitter */
-
 .ui.twitter.button {
   background-color: #1da1f2;
   color: #fff;
@@ -1108,7 +1010,6 @@ input::selection {
 }
 
 /* Google Plus */
-
 .ui.google.plus.button {
   background-color: #dd4b39;
   color: #fff;
@@ -1130,7 +1031,6 @@ input::selection {
 }
 
 /* Linked In */
-
 .ui.linkedin.button {
   background-color: #0077b5;
   color: #fff;
@@ -1150,7 +1050,6 @@ input::selection {
 }
 
 /* YouTube */
-
 .ui.youtube.button {
   background-color: #f00;
   color: #fff;
@@ -1172,7 +1071,6 @@ input::selection {
 }
 
 /* Instagram */
-
 .ui.instagram.button {
   background-color: #49769c;
   color: #fff;
@@ -1194,7 +1092,6 @@ input::selection {
 }
 
 /* Pinterest */
-
 .ui.pinterest.button {
   background-color: #bd081c;
   color: #fff;
@@ -1216,7 +1113,6 @@ input::selection {
 }
 
 /* VK */
-
 .ui.vk.button {
   background-color: #45668e;
   color: #fff;
@@ -1235,7 +1131,6 @@ input::selection {
 }
 
 /* WhatsApp */
-
 .ui.whatsapp.button {
   background-color: #25d366;
   color: #fff;
@@ -1254,7 +1149,6 @@ input::selection {
 }
 
 /* Telegram */
-
 .ui.telegram.button {
   background-color: #08c;
   color: #fff;
@@ -1275,7 +1169,6 @@ input::selection {
 /* --------------
      Icon
 --------------- */
-
 .ui.button>.icon:not(.button) {
   height: auto;
   opacity: 0.8;
@@ -1300,13 +1193,10 @@ input::selection {
 /*******************************
            Variations
 *******************************/
-
 /* --------------
        Stackable
     --------------- */
-
 /* Tablet Or Below */
-
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.buttons {
     flex-direction: column;
@@ -1331,7 +1221,6 @@ input::selection {
 /* -------------------
            Floated
     -------------------- */
-
 .ui[class*="left floated"].buttons,
 .ui[class*="left floated"].button {
   float: left;
@@ -1349,7 +1238,6 @@ input::selection {
 /* -------------------
            Compact
     -------------------- */
-
 .ui.compact.buttons .button,
 .ui.compact.button {
   padding: 0.58928571em 1.125em 0.58928571em;
@@ -1373,7 +1261,6 @@ input::selection {
 /* -------------------
         Sizes
 -------------------- */
-
 .ui.buttons .button,
 .ui.buttons .or,
 .ui.button {
@@ -1439,7 +1326,6 @@ input::selection {
 /* --------------
         Icon Only
     --------------- */
-
 .ui.icon.buttons .button,
 .ui.icon.button:not(.animated):not(.compact):not(.labeled) {
   padding: 0.78571429em 0.78571429em 0.78571429em;
@@ -1460,7 +1346,6 @@ input::selection {
 /* -------------------
             Basic
     -------------------- */
-
 .ui.basic.buttons .button,
 .ui.basic.button {
   background: transparent none;
@@ -1529,7 +1414,6 @@ input::selection {
 }
 
 /* Standard Basic Inverted */
-
 .ui.basic.inverted.buttons .button,
 .ui.basic.inverted.button {
   background-color: transparent;
@@ -1571,7 +1455,6 @@ input::selection {
 }
 
 /* Basic Group */
-
 .ui.basic.buttons:not(.inverted) .button:not(.basic) {
   border-right: 1px solid rgba(34, 36, 38, 0.15);
   box-shadow: none;
@@ -1590,9 +1473,7 @@ input::selection {
 /* -------------------
            Tertiary
     -------------------- */
-
 /* Overline Mixin */
-
 .ui.tertiary.button {
   transition: color 0.1s ease !important;
   border-radius: 0;
@@ -1625,7 +1506,6 @@ input::selection {
 /* --------------
       Labeled Icon
     --------------- */
-
 .ui.labeled.icon.buttons .button,
 .ui.labeled.icon.button {
   position: relative;
@@ -1634,7 +1514,6 @@ input::selection {
 }
 
 /* Left Labeled */
-
 .ui.labeled.icon.buttons>.button>.icon,
 .ui.labeled.icon.button>.icon {
   position: absolute;
@@ -1656,7 +1535,6 @@ input::selection {
 }
 
 /* Right Labeled */
-
 .ui[class*="right labeled"].icon.button {
   padding-right: 4.07142857em !important;
   padding-left: 1.5em !important;
@@ -1707,7 +1585,6 @@ input::selection {
 }
 
 /* Loading Icon in Labeled Button */
-
 .ui.labeled.icon.button>.loading.icon::before {
   animation: loader 2s linear infinite;
 }
@@ -1715,9 +1592,7 @@ input::selection {
 /* --------------
          Toggle
     --------------- */
-
 /* Toggle (Modifies active state to give affordances) */
-
 .ui.toggle.buttons .active.button,
 .ui.buttons .button.toggle.active,
 .ui.button.toggle.active {
@@ -1736,7 +1611,6 @@ input::selection {
 /* --------------
         Circular
     --------------- */
-
 .ui.circular.button {
   border-radius: 10em;
 }
@@ -1749,7 +1623,6 @@ input::selection {
 /* -------------------
           Or Buttons
     -------------------- */
-
 .ui.buttons .or {
   position: relative;
   width: 0.3em;
@@ -1782,7 +1655,6 @@ input::selection {
 }
 
 /* Fluid Or */
-
 .ui.fluid.buttons .or {
   width: 0 !important;
 }
@@ -1794,9 +1666,7 @@ input::selection {
 /* -------------------
            Attached
     -------------------- */
-
 /* Singular */
-
 .ui.attached.button {
   position: relative;
   display: block;
@@ -1806,7 +1676,6 @@ input::selection {
 }
 
 /* Top / Bottom */
-
 .ui.attached.top.button {
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
@@ -1816,7 +1685,6 @@ input::selection {
 }
 
 /* Left / Right */
-
 .ui.left.attached.button {
   display: inline-block;
   border-left: none;
@@ -1833,7 +1701,6 @@ input::selection {
 }
 
 /* Plural */
-
 .ui.attached.buttons {
   position: relative;
   display: flex;
@@ -1857,7 +1724,6 @@ input::selection {
 }
 
 /* Top / Bottom */
-
 .ui[class*="top attached"].buttons {
   margin-bottom: 0;
   border-radius: 0.28571429rem 0.28571429rem 0 0;
@@ -1885,7 +1751,6 @@ input::selection {
 }
 
 /* Left / Right */
-
 .ui[class*="left attached"].buttons {
   display: inline-flex;
   margin-right: 0;
@@ -1923,7 +1788,6 @@ input::selection {
 /* -------------------
             Fluid
     -------------------- */
-
 .ui.fluid.buttons,
 .ui.fluid.button {
   width: 100%;
@@ -2022,7 +1886,6 @@ input::selection {
 }
 
 /* Fluid Vertical Buttons */
-
 .ui.fluid.vertical.buttons,
 .ui.fluid.vertical.buttons>.button {
   display: flex;
@@ -2077,7 +1940,6 @@ input::selection {
 /* -------------------
        Colors
 -------------------- */
-
 .ui.primary.buttons .button,
 .ui.primary.button {
   background-color: #2185d0;
@@ -2121,7 +1983,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.primary.buttons .button,
 .ui.basic.primary.button {
   background: transparent;
@@ -2157,7 +2018,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.primary.buttons .button,
 .ui.inverted.primary.button {
   background-color: transparent;
@@ -2198,7 +2058,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.primary.basic.buttons .button,
 .ui.inverted.primary.buttons .basic.button,
 .ui.inverted.primary.basic.button {
@@ -2236,7 +2095,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.primary.buttons .button,
 .ui.tertiary.primary.buttons .tertiary.button,
 .ui.tertiary.primary.button {
@@ -2312,7 +2170,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.secondary.buttons .button,
 .ui.basic.secondary.button {
   background: transparent;
@@ -2348,7 +2205,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.secondary.buttons .button,
 .ui.inverted.secondary.button {
   background-color: transparent;
@@ -2389,7 +2245,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.secondary.basic.buttons .button,
 .ui.inverted.secondary.buttons .basic.button,
 .ui.inverted.secondary.basic.button {
@@ -2427,7 +2282,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.secondary.buttons .button,
 .ui.tertiary.secondary.buttons .tertiary.button,
 .ui.tertiary.secondary.button {
@@ -2503,7 +2357,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.red.buttons .button,
 .ui.basic.red.button {
   background: transparent;
@@ -2539,7 +2392,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.red.buttons .button,
 .ui.inverted.red.button {
   background-color: transparent;
@@ -2580,7 +2432,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.red.basic.buttons .button,
 .ui.inverted.red.buttons .basic.button,
 .ui.inverted.red.basic.button {
@@ -2618,7 +2469,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.red.buttons .button,
 .ui.tertiary.red.buttons .tertiary.button,
 .ui.tertiary.red.button {
@@ -2694,7 +2544,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.orange.buttons .button,
 .ui.basic.orange.button {
   background: transparent;
@@ -2730,7 +2579,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.orange.buttons .button,
 .ui.inverted.orange.button {
   background-color: transparent;
@@ -2771,7 +2619,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.orange.basic.buttons .button,
 .ui.inverted.orange.buttons .basic.button,
 .ui.inverted.orange.basic.button {
@@ -2809,7 +2656,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.orange.buttons .button,
 .ui.tertiary.orange.buttons .tertiary.button,
 .ui.tertiary.orange.button {
@@ -2885,7 +2731,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.yellow.buttons .button,
 .ui.basic.yellow.button {
   background: transparent;
@@ -2921,7 +2766,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.yellow.buttons .button,
 .ui.inverted.yellow.button {
   background-color: transparent;
@@ -2962,7 +2806,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.yellow.basic.buttons .button,
 .ui.inverted.yellow.buttons .basic.button,
 .ui.inverted.yellow.basic.button {
@@ -3000,7 +2843,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.yellow.buttons .button,
 .ui.tertiary.yellow.buttons .tertiary.button,
 .ui.tertiary.yellow.button {
@@ -3076,7 +2918,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.olive.buttons .button,
 .ui.basic.olive.button {
   background: transparent;
@@ -3112,7 +2953,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.olive.buttons .button,
 .ui.inverted.olive.button {
   background-color: transparent;
@@ -3153,7 +2993,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.olive.basic.buttons .button,
 .ui.inverted.olive.buttons .basic.button,
 .ui.inverted.olive.basic.button {
@@ -3191,7 +3030,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.olive.buttons .button,
 .ui.tertiary.olive.buttons .tertiary.button,
 .ui.tertiary.olive.button {
@@ -3267,7 +3105,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.green.buttons .button,
 .ui.basic.green.button {
   background: transparent;
@@ -3303,7 +3140,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.green.buttons .button,
 .ui.inverted.green.button {
   background-color: transparent;
@@ -3344,7 +3180,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.green.basic.buttons .button,
 .ui.inverted.green.buttons .basic.button,
 .ui.inverted.green.basic.button {
@@ -3382,7 +3217,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.green.buttons .button,
 .ui.tertiary.green.buttons .tertiary.button,
 .ui.tertiary.green.button {
@@ -3458,7 +3292,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.teal.buttons .button,
 .ui.basic.teal.button {
   background: transparent;
@@ -3494,7 +3327,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.teal.buttons .button,
 .ui.inverted.teal.button {
   background-color: transparent;
@@ -3535,7 +3367,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.teal.basic.buttons .button,
 .ui.inverted.teal.buttons .basic.button,
 .ui.inverted.teal.basic.button {
@@ -3573,7 +3404,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.teal.buttons .button,
 .ui.tertiary.teal.buttons .tertiary.button,
 .ui.tertiary.teal.button {
@@ -3649,7 +3479,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.blue.buttons .button,
 .ui.basic.blue.button {
   background: transparent;
@@ -3685,7 +3514,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.blue.buttons .button,
 .ui.inverted.blue.button {
   background-color: transparent;
@@ -3726,7 +3554,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.blue.basic.buttons .button,
 .ui.inverted.blue.buttons .basic.button,
 .ui.inverted.blue.basic.button {
@@ -3764,7 +3591,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.blue.buttons .button,
 .ui.tertiary.blue.buttons .tertiary.button,
 .ui.tertiary.blue.button {
@@ -3840,7 +3666,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.violet.buttons .button,
 .ui.basic.violet.button {
   background: transparent;
@@ -3876,7 +3701,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.violet.buttons .button,
 .ui.inverted.violet.button {
   background-color: transparent;
@@ -3917,7 +3741,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.violet.basic.buttons .button,
 .ui.inverted.violet.buttons .basic.button,
 .ui.inverted.violet.basic.button {
@@ -3955,7 +3778,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.violet.buttons .button,
 .ui.tertiary.violet.buttons .tertiary.button,
 .ui.tertiary.violet.button {
@@ -4031,7 +3853,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.purple.buttons .button,
 .ui.basic.purple.button {
   background: transparent;
@@ -4067,7 +3888,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.purple.buttons .button,
 .ui.inverted.purple.button {
   background-color: transparent;
@@ -4108,7 +3928,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.purple.basic.buttons .button,
 .ui.inverted.purple.buttons .basic.button,
 .ui.inverted.purple.basic.button {
@@ -4146,7 +3965,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.purple.buttons .button,
 .ui.tertiary.purple.buttons .tertiary.button,
 .ui.tertiary.purple.button {
@@ -4222,7 +4040,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.pink.buttons .button,
 .ui.basic.pink.button {
   background: transparent;
@@ -4258,7 +4075,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.pink.buttons .button,
 .ui.inverted.pink.button {
   background-color: transparent;
@@ -4299,7 +4115,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.pink.basic.buttons .button,
 .ui.inverted.pink.buttons .basic.button,
 .ui.inverted.pink.basic.button {
@@ -4337,7 +4152,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.pink.buttons .button,
 .ui.tertiary.pink.buttons .tertiary.button,
 .ui.tertiary.pink.button {
@@ -4413,7 +4227,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.brown.buttons .button,
 .ui.basic.brown.button {
   background: transparent;
@@ -4449,7 +4262,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.brown.buttons .button,
 .ui.inverted.brown.button {
   background-color: transparent;
@@ -4490,7 +4302,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.brown.basic.buttons .button,
 .ui.inverted.brown.buttons .basic.button,
 .ui.inverted.brown.basic.button {
@@ -4528,7 +4339,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.brown.buttons .button,
 .ui.tertiary.brown.buttons .tertiary.button,
 .ui.tertiary.brown.button {
@@ -4604,7 +4414,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.grey.buttons .button,
 .ui.basic.grey.button {
   background: transparent;
@@ -4640,7 +4449,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.grey.buttons .button,
 .ui.inverted.grey.button {
   background-color: transparent;
@@ -4681,7 +4489,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.grey.basic.buttons .button,
 .ui.inverted.grey.buttons .basic.button,
 .ui.inverted.grey.basic.button {
@@ -4719,7 +4526,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.grey.buttons .button,
 .ui.tertiary.grey.buttons .tertiary.button,
 .ui.tertiary.grey.button {
@@ -4795,7 +4601,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.black.buttons .button,
 .ui.basic.black.button {
   background: transparent;
@@ -4831,7 +4636,6 @@ input::selection {
 }
 
 /* Inverted */
-
 .ui.inverted.black.buttons .button,
 .ui.inverted.black.button {
   background-color: transparent;
@@ -4872,7 +4676,6 @@ input::selection {
 }
 
 /* Inverted Basic */
-
 .ui.inverted.black.basic.buttons .button,
 .ui.inverted.black.buttons .basic.button,
 .ui.inverted.black.basic.button {
@@ -4910,7 +4713,6 @@ input::selection {
 }
 
 /* Tertiary */
-
 .ui.tertiary.black.buttons .button,
 .ui.tertiary.black.buttons .tertiary.button,
 .ui.tertiary.black.button {
@@ -4944,7 +4746,6 @@ input::selection {
 }
 
 /* Standard */
-
 .ui.positive.buttons .button,
 .ui.positive.button {
   background-color: #21ba45;
@@ -4988,7 +4789,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.positive.buttons .button,
 .ui.basic.positive.button {
   background: transparent;
@@ -5028,7 +4828,6 @@ input::selection {
 }
 
 /* Standard */
-
 .ui.negative.buttons .button,
 .ui.negative.button {
   background-color: #db2828;
@@ -5072,7 +4871,6 @@ input::selection {
 }
 
 /* Basic */
-
 .ui.basic.negative.buttons .button,
 .ui.basic.negative.button {
   background: transparent;
@@ -5114,7 +4912,6 @@ input::selection {
 /*******************************
                 Groups
     *******************************/
-
 .ui.buttons {
   display: inline-flex;
   flex-direction: row;
@@ -5128,7 +4925,6 @@ input::selection {
 }
 
 /* Clearfix */
-
 .ui.buttons::after {
   content: ".";
   display: block;
@@ -5138,7 +4934,6 @@ input::selection {
 }
 
 /* Standard Group */
-
 .ui.buttons .button {
   flex: 1 0 auto;
   border-radius: 0;
@@ -5162,7 +4957,6 @@ input::selection {
 }
 
 /* Vertical Style */
-
 .ui.vertical.buttons {
   display: inline-flex;
   flex-direction: column;
@@ -5306,33 +5100,23 @@ input::selection {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Container
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Container
 *******************************/
-
 /* All Sizes */
-
 .ui.container {
   display: block;
   max-width: 100%;
 }
 
 /* Mobile */
-
 @media only screen and (max-width: 767.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: auto;
@@ -5354,7 +5138,6 @@ input::selection {
 }
 
 /* Tablet */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: 723px;
@@ -5376,7 +5159,6 @@ input::selection {
 }
 
 /* Small Monitor */
-
 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: 933px;
@@ -5398,7 +5180,6 @@ input::selection {
 }
 
 /* Large Monitor */
-
 @media only screen and (min-width: 1200px) {
   .ui.ui.ui.container:not(.fluid) {
     width: 1127px;
@@ -5422,9 +5203,7 @@ input::selection {
 /*******************************
              Types
 *******************************/
-
 /* Text Container */
-
 .ui.text.container {
   font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   max-width: 700px;
@@ -5433,7 +5212,6 @@ input::selection {
 }
 
 /* Wide Container */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.ui.ui.wide.container {
     width: 867.6px;
@@ -5453,7 +5231,6 @@ input::selection {
 }
 
 /* Fluid */
-
 .ui.fluid.container {
   width: 100%;
 }
@@ -5461,7 +5238,6 @@ input::selection {
 /*******************************
            Variations
 *******************************/
-
 .ui[class*="left aligned"].container {
   text-align: left;
 }
@@ -5484,7 +5260,6 @@ input::selection {
 /* --------------
       Scrolling
     --------------- */
-
 .ui.scrolling.container {
   overflow: auto;
   -ms-scroll-chaining: none;
@@ -5663,24 +5438,16 @@ input::selection {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Divider
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Divider
 *******************************/
-
 .ui.divider {
   margin: 1rem 0;
   line-height: 1;
@@ -5698,7 +5465,6 @@ input::selection {
 /* --------------
       Basic
 --------------- */
-
 .ui.divider:not(.vertical):not(.horizontal) {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
@@ -5707,9 +5473,7 @@ input::selection {
 /* --------------
     Coupling
 --------------- */
-
 /* Allow divider between each column row */
-
 .ui.grid>.column+.divider,
 .ui.grid>.row>.column+.divider {
   left: auto;
@@ -5718,7 +5482,6 @@ input::selection {
 /* --------------
        Horizontal
     --------------- */
-
 .ui.horizontal.divider {
   display: table;
   white-space: nowrap;
@@ -5749,7 +5512,6 @@ input::selection {
 /* --------------
         Vertical
     --------------- */
-
 .ui.vertical.divider {
   position: absolute;
   z-index: 2;
@@ -5786,7 +5548,6 @@ input::selection {
 }
 
 /* Inside grid */
-
 @media only screen and (max-width: 767.98px) {
 
   .ui.stackable.grid .ui.vertical.divider,
@@ -5833,7 +5594,6 @@ input::selection {
 /* --------------
           Icon
     --------------- */
-
 .ui.divider>.icon {
   margin: 0;
   font-size: 1rem;
@@ -5844,7 +5604,6 @@ input::selection {
 /* --------------
          Header
     --------------- */
-
 .ui.horizontal.divider[class*="left aligned"]::before {
   display: none;
 }
@@ -5864,11 +5623,9 @@ input::selection {
 /*******************************
           Variations
 *******************************/
-
 /* --------------
         Hidden
     --------------- */
-
 .ui.hidden.divider {
   border-color: transparent !important;
 }
@@ -5881,7 +5638,6 @@ input::selection {
 /* --------------
     Inverted
 --------------- */
-
 .ui.divider.inverted,
 .ui.vertical.inverted.divider,
 .ui.horizontal.inverted.divider {
@@ -5897,7 +5653,6 @@ input::selection {
 /* --------------
     Fitted
 --------------- */
-
 .ui.fitted.divider {
   margin: 0;
 }
@@ -5905,7 +5660,6 @@ input::selection {
 /* --------------
         Clearing
     --------------- */
-
 .ui.clearing.divider {
   clear: both;
 }
@@ -5913,7 +5667,6 @@ input::selection {
 /* --------------
         Section
     --------------- */
-
 .ui.section.divider {
   margin-top: 2rem;
   margin-bottom: 2rem;
@@ -5922,7 +5675,6 @@ input::selection {
 /* --------------
      Sizes
 --------------- */
-
 .ui.divider {
   font-size: 1rem;
 }
@@ -5958,7 +5710,6 @@ input::selection {
 /*******************************
          Theme Overrides
 *******************************/
-
 .ui.horizontal.divider::before,
 .ui.horizontal.divider::after {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
@@ -5979,18 +5730,11 @@ input::selection {
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Emoji
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Emoji
 *******************************/
-
 em[data-emoji] {
   opacity: 1;
   speak: none;
@@ -6009,7 +5753,6 @@ em[data-emoji]::before {
 /*******************************
              States
 *******************************/
-
 em[data-emoji].disabled {
   opacity: 0.45;
 }
@@ -6017,7 +5760,6 @@ em[data-emoji].disabled {
 /*******************************
            Variations
 *******************************/
-
 em[data-emoji].loading::before {
   animation: loader 2s linear infinite;
 }
@@ -6025,13 +5767,11 @@ em[data-emoji].loading::before {
 /* -------------------
              Link
     -------------------- */
-
 em[data-emoji].link:not(.disabled) {
   cursor: pointer;
 }
 
 /* rtl:begin:ignore */
-
 em[data-emoji].small {
   font-size: 1.5em;
   vertical-align: middle;
@@ -24348,24 +24088,16 @@ em[data-emoji="regional_indicator_a"]::before {
 }
 
 /* rtl:end:ignore */
-
 /*******************************
              Emojis
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Flag
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Flag
 *******************************/
-
 i.flag:not(.icon) {
   speak: none;
   -webkit-backface-visibility: hidden;
@@ -24411,7 +24143,6 @@ i.flag.massive {
 }
 
 /* rtl:begin:ignore */
-
 i.flag.transgender::before {
   background-image: url("https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f3f3-fe0f-200d-26a7-fe0f.svg");
 }
@@ -25757,30 +25488,20 @@ i.flag.united.nations::before {
 }
 
 /* rtl:end:ignore */
-
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Header
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Header
 *******************************/
-
 /* Standard */
-
 .ui.header {
   border: none;
   margin: calc(2rem - 0.1428571428571429em) 0 1rem;
@@ -25803,7 +25524,6 @@ i.flag.united.nations::before {
 /* --------------
        Sub Header
     --------------- */
-
 .ui.header .sub.header {
   display: block;
   font-weight: normal;
@@ -25817,7 +25537,6 @@ i.flag.united.nations::before {
 /* --------------
       Icon
 --------------- */
-
 .ui.header>.icons,
 .ui.header>i.icon {
   display: table-cell;
@@ -25828,7 +25547,6 @@ i.flag.united.nations::before {
 }
 
 /* With Text Node */
-
 .ui.header:not(.icon)>.icons:only-child,
 .ui.header:not(.icon)>i.icon:only-child {
   display: inline-block;
@@ -25839,7 +25557,6 @@ i.flag.united.nations::before {
 /* -------------------
         Image
 -------------------- */
-
 .ui.header>.image:not(.icon),
 .ui.header>img {
   display: inline-block;
@@ -25857,14 +25574,12 @@ i.flag.united.nations::before {
 /* --------------
      Content
 --------------- */
-
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
 
 /* After Image */
-
 .ui.header>img+.content,
 .ui.header>.image+.content {
   padding-left: 0.75rem;
@@ -25872,7 +25587,6 @@ i.flag.united.nations::before {
 }
 
 /* After Icon */
-
 .ui.header:not(.icon):not(.centered):not(.aligned)>.icons+.content,
 .ui.header:not(.icon):not(.centered):not(.aligned)>i.icon+.content {
   padding-left: 0.75rem;
@@ -25883,7 +25597,6 @@ i.flag.united.nations::before {
 /* --------------
  Loose Coupling
 --------------- */
-
 .ui.header .ui.label {
   font-size: "";
   margin-left: 0.5rem;
@@ -25891,7 +25604,6 @@ i.flag.united.nations::before {
 }
 
 /* Positioning */
-
 .ui.header+p {
   margin-top: 0;
 }
@@ -25899,11 +25611,9 @@ i.flag.united.nations::before {
 /*******************************
             Types
 *******************************/
-
 /* --------------
      Page
 --------------- */
-
 h1.ui.header {
   font-size: 2rem;
 }
@@ -25955,7 +25665,6 @@ h6.ui.header .sub.header {
 /* --------------
  Content Heading
 --------------- */
-
 .ui.mini.header {
   font-size: 0.85714286em;
 }
@@ -26045,7 +25754,6 @@ h6.ui.header .sub.header {
 /* --------------
        Sub Heading
     --------------- */
-
 .ui.sub.header {
   padding: 0;
   margin-bottom: 0.14285714rem;
@@ -26058,7 +25766,6 @@ h6.ui.header .sub.header {
 /* -------------------
             Icon
     -------------------- */
-
 .ui.icon.header {
   display: inline-block;
   text-align: center;
@@ -26123,7 +25830,6 @@ h6.ui.header .sub.header {
 /*******************************
             States
 *******************************/
-
 .ui.disabled.header {
   opacity: 0.45;
 }
@@ -26131,11 +25837,9 @@ h6.ui.header .sub.header {
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
           Inverted
     -------------------- */
-
 .ui.inverted.header {
   color: #fff;
 }
@@ -26159,7 +25863,6 @@ h6.ui.header .sub.header {
 /* -------------------
        Colors
 -------------------- */
-
 .ui.primary.header {
   color: #2185d0;
 }
@@ -26523,7 +26226,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
            Aligned
     -------------------- */
-
 .ui.left.aligned.header {
   text-align: left;
 }
@@ -26550,7 +26252,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
            Floated
     -------------------- */
-
 .ui.floated.header,
 .ui[class*="left floated"].header {
   float: left;
@@ -26567,7 +26268,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
            Fitted
     -------------------- */
-
 .ui.fitted.header {
   padding: 0;
 }
@@ -26575,7 +26275,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
           Dividing
     -------------------- */
-
 .ui.dividing.header {
   padding-bottom: 0.21428571rem;
   border-bottom: 1px solid rgba(34, 36, 38, 0.15);
@@ -26596,7 +26295,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
             Block
     -------------------- */
-
 .ui.block.header {
   background: #f3f4f5;
   padding: 0.78571429rem 1rem;
@@ -26640,7 +26338,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
            Attached
     -------------------- */
-
 .ui.attached.header {
   background: #fff;
   padding: 0.78571429rem 1rem;
@@ -26667,7 +26364,6 @@ a.ui.inverted.black.header.header.header:hover {
 }
 
 /* Attached Sizes */
-
 .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
   font-size: 1em;
 }
@@ -26703,7 +26399,6 @@ a.ui.inverted.black.header.header.header:hover {
 /* -------------------
         Sizing
 -------------------- */
-
 .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
   font-size: 1.28571429em;
 }
@@ -26711,24 +26406,16 @@ a.ui.inverted.black.header.header.header:hover {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Icon
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Icon
 *******************************/
-
 @font-face {
   font-family: icons;
   src: url(/lib/semanticui/icons.woff2) format('woff2'), url(chrome-extension://__MSG_@@extension_id__/lib/semanticui/icons.woff) format('woff');
@@ -26784,11 +26471,9 @@ i.icon::before {
 /*******************************
              Types
 *******************************/
-
 /* --------------
         Loading
     --------------- */
-
 i.loading.icon {
   height: 1em;
   line-height: 1;
@@ -26802,7 +26487,6 @@ i.loading.icons {
 /*******************************
              States
 *******************************/
-
 i.icon:hover,
 i.icons:hover,
 i.icon:active,
@@ -26822,11 +26506,9 @@ i.disabled.icons {
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
             Fitted
     -------------------- */
-
 i.fitted.icons,
 i.fitted.icon {
   width: auto;
@@ -26836,7 +26518,6 @@ i.fitted.icon {
 /* -------------------
              Link
     -------------------- */
-
 i.link.icon:not(.disabled),
 i.link.icons:not(.disabled) {
   cursor: pointer;
@@ -26852,7 +26533,6 @@ i.link.icons:hover {
 /* -------------------
           Circular
     -------------------- */
-
 i.circular.icon {
   border-radius: 500em !important;
   line-height: 1 !important;
@@ -26874,7 +26554,6 @@ i.circular.inverted.icon {
 /* -------------------
           Flipped
     -------------------- */
-
 i.flipped.icon,
 i.horizontally.flipped.icon {
   transform: scale(-1, 1);
@@ -26896,7 +26575,6 @@ i.vertically.flipped.icon {
 /* -------------------
           Rotated
     -------------------- */
-
 i.rotated.icon,
 i.right.rotated.icon,
 i.clockwise.rotated.icon {
@@ -26930,7 +26608,6 @@ i.halfway.rotated.icon {
 /* --------------------------
           Flipped & Rotated
     --------------------------- */
-
 i.rotated.flipped.icon,
 i.right.rotated.flipped.icon,
 i.clockwise.rotated.flipped.icon {
@@ -26994,7 +26671,6 @@ i.halfway.rotated.vertically.flipped.icon {
 /* -------------------
           Bordered
     -------------------- */
-
 i.bordered.icon {
   line-height: 1;
   vertical-align: baseline;
@@ -27016,9 +26692,7 @@ i.bordered.inverted.icon {
 /* -------------------
           Inverted
     -------------------- */
-
 /* Inverted Shapes */
-
 i.inverted.bordered.icon,
 i.inverted.circular.icon {
   background-color: #1b1c1d;
@@ -27032,7 +26706,6 @@ i.inverted.icon {
 /* -------------------
        Colors
 -------------------- */
-
 i.primary.icon.icon.icon.icon.icon.icon {
   color: #2185d0;
 }
@@ -27276,7 +26949,6 @@ i.inverted.circular.black.icons {
 /* -------------------
         Sizes
 -------------------- */
-
 i.icon,
 i.icons {
   font-size: 1em;
@@ -27329,7 +27001,6 @@ i.massive.massive.massive.icons {
 /*******************************
                 Groups
     *******************************/
-
 i.icons {
   display: inline-block;
   position: relative;
@@ -27363,7 +27034,6 @@ i.icons:not(.bordered):not(.circular) .icon:first-child:not(.rotated):not(.flipp
 }
 
 /* Corner Icon */
-
 i.icons .corner.icon {
   top: auto;
   left: auto;
@@ -27412,7 +27082,6 @@ i.icons .inverted.corner.icon {
 /*************************************************
        Bordered/circular with corner or group icons
     *************************************************/
-
 i.bordered.icons,
 i.circular.icons {
   width: 2em;
@@ -27437,7 +27106,6 @@ i.circular.icons i.icon:first-child {
 }
 
 /* Inverted Icon */
-
 i.bordered.inverted.icons,
 i.circular.inverted.icons {
   border: none;
@@ -27447,7 +27115,6 @@ i.circular.inverted.icons {
 }
 
 /* Corner Icon */
-
 i.bordered.icons .icon.corner,
 i.circular.icons .icon.corner,
 i.bordered.icons .icon.corner[class*="bottom right"],
@@ -27483,7 +27150,6 @@ i.circular.icons .icon.corner[class*="bottom left"] {
 }
 
 /* Deprecated *In/Out Naming Conflict) */
-
 i.icon.linkedin.in::before {
   content: "\f0e1";
 }
@@ -27523,9 +27189,7 @@ i.icon.sign.out.alternate::before {
 /*******************************
             Solid Icons
     *******************************/
-
 /* Icons */
-
 i.icon.ad::before {
   content: "\f641";
 }
@@ -31523,7 +31187,6 @@ i.icon.yin.yang::before {
 }
 
 /* Aliases */
-
 i.icon.add::before {
   content: "\f067";
 }
@@ -32659,13 +32322,11 @@ i.icon.zoom::before {
 /*******************************
              Outline Icons
     *******************************/
-
 i.icon.outline {
   font-family: "outline-icons";
 }
 
 /* Icons */
-
 i.icon.address.book.outline::before {
   content: "\f2b9";
 }
@@ -33271,13 +32932,10 @@ i.icon.window.restore.outline::before {
 }
 
 /* Aliases */
-
 /*******************************
               Brand Icons
     *******************************/
-
 /* Icons */
-
 i.icon.\35 00px::before {
   content: "\f26e";
   font-family: "brand-icons";
@@ -35554,7 +35212,6 @@ i.icon.zhihu::before {
 }
 
 /* Aliases */
-
 i.icon.american.express::before {
   content: "\f1f3";
   font-family: "brand-icons";
@@ -35818,24 +35475,16 @@ i.icon.youtube.play::before {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Image
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Image
 *******************************/
-
 .ui.image {
   position: relative;
   display: inline-block;
@@ -35858,7 +35507,6 @@ img.ui.image {
 /*******************************
             States
 *******************************/
-
 .ui.hidden.images,
 .ui.ui.hidden.image {
   display: none;
@@ -35884,11 +35532,9 @@ img.ui.image {
 /*******************************
           Variations
 *******************************/
-
 /* --------------
          Inline
     --------------- */
-
 .ui.inline.image,
 .ui.inline.image svg,
 .ui.inline.image img {
@@ -35898,7 +35544,6 @@ img.ui.image {
 /* ------------------
       Vertical Aligned
     ------------------- */
-
 .ui.top.aligned.image,
 .ui.top.aligned.image svg,
 .ui.top.aligned.image img {
@@ -35938,7 +35583,6 @@ img.ui.image {
 /* --------------
          Rounded
     --------------- */
-
 .ui.rounded.images .image,
 .ui.rounded.image,
 .ui.rounded.images .image>*,
@@ -35949,7 +35593,6 @@ img.ui.image {
 /* --------------
         Bordered
     --------------- */
-
 .ui.bordered.images .image,
 .ui.bordered.images img,
 .ui.bordered.images svg,
@@ -35962,7 +35605,6 @@ img.ui.bordered.image {
 /* --------------
         Circular
     --------------- */
-
 .ui.circular.images,
 .ui.circular.image {
   overflow: hidden;
@@ -35978,7 +35620,6 @@ img.ui.bordered.image {
 /* --------------
          Fluid
     --------------- */
-
 .ui.fluid.images,
 .ui.fluid.image,
 .ui.fluid.images img,
@@ -35993,7 +35634,6 @@ img.ui.bordered.image {
 /* --------------
          Avatar
     --------------- */
-
 .ui.avatar.images .image,
 .ui.avatar.images img,
 .ui.avatar.images svg,
@@ -36010,7 +35650,6 @@ img.ui.bordered.image {
 /* -------------------
            Spaced
     -------------------- */
-
 .ui.spaced.image {
   display: inline-block !important;
   margin-left: 0.5em;
@@ -36030,7 +35669,6 @@ img.ui.bordered.image {
 /* -------------------
            Floated
     -------------------- */
-
 .ui.floated.image,
 .ui.floated.images {
   float: left;
@@ -36067,7 +35705,6 @@ img.ui.bordered.image {
 /* --------------
      Sizes
 --------------- */
-
 .ui.medium.images .image,
 .ui.medium.images img,
 .ui.medium.images svg,
@@ -36143,7 +35780,6 @@ img.ui.bordered.image {
 /*******************************
                   Groups
     *******************************/
-
 .ui.images {
   font-size: 0;
   margin: 0 -0.25rem;
@@ -36159,28 +35795,19 @@ img.ui.bordered.image {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Input
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
            Standard
 *******************************/
-
 /* --------------------
         Inputs
 --------------------- */
-
 .ui.input {
   position: relative;
   font-weight: normal;
@@ -36221,9 +35848,7 @@ img.ui.bordered.image {
 /* --------------------
       Placeholder
 --------------------- */
-
 /* browsers require these rules separate */
-
 .ui.input>input:-ms-input-placeholder {
   color: rgba(191, 191, 191, 0.87);
 }
@@ -36247,11 +35872,9 @@ img.ui.bordered.image {
 /*******************************
             States
 *******************************/
-
 /* --------------------
             Disabled
     --------------------- */
-
 .ui.disabled.input,
 .ui.input:not(.disabled) input[disabled] {
   opacity: 0.45;
@@ -36265,7 +35888,6 @@ img.ui.bordered.image {
 /* --------------------
         Active
 --------------------- */
-
 .ui.input>input:active,
 .ui.input.down input {
   border-color: rgba(0, 0, 0, 0.3);
@@ -36277,7 +35899,6 @@ img.ui.bordered.image {
 /* --------------------
            Loading
     --------------------- */
-
 .ui.ui.loading.input>i.icon::before {
   position: absolute;
   content: "";
@@ -36307,7 +35928,6 @@ img.ui.bordered.image {
 /* --------------------
         Focus
 --------------------- */
-
 .ui.input.focus>input,
 .ui.input>input:focus {
   border-color: #85b7d9;
@@ -36339,7 +35959,6 @@ img.ui.bordered.image {
 /* --------------------
             States
     --------------------- */
-
 .ui.input.error>input {
   background-color: #fff6f6;
   border-color: #e0b4b4;
@@ -36348,7 +35967,6 @@ img.ui.bordered.image {
 }
 
 /* Placeholder */
-
 .ui.input.error>input:-ms-input-placeholder {
   color: #e7bdbc;
 }
@@ -36366,7 +35984,6 @@ img.ui.bordered.image {
 }
 
 /* Focused Placeholder */
-
 .ui.input.error>input:focus:-ms-input-placeholder {
   color: #da9796;
 }
@@ -36391,7 +36008,6 @@ img.ui.bordered.image {
 }
 
 /* Placeholder */
-
 .ui.input.info>input:-ms-input-placeholder {
   color: #98cfe1;
 }
@@ -36409,7 +36025,6 @@ img.ui.bordered.image {
 }
 
 /* Focused Placeholder */
-
 .ui.input.info>input:focus:-ms-input-placeholder {
   color: #70bdd6;
 }
@@ -36434,7 +36049,6 @@ img.ui.bordered.image {
 }
 
 /* Placeholder */
-
 .ui.input.success>input:-ms-input-placeholder {
   color: #8fcf90;
 }
@@ -36452,7 +36066,6 @@ img.ui.bordered.image {
 }
 
 /* Focused Placeholder */
-
 .ui.input.success>input:focus:-ms-input-placeholder {
   color: #6cbf6d;
 }
@@ -36477,7 +36090,6 @@ img.ui.bordered.image {
 }
 
 /* Placeholder */
-
 .ui.input.warning>input:-ms-input-placeholder {
   color: #edad3e;
 }
@@ -36495,7 +36107,6 @@ img.ui.bordered.image {
 }
 
 /* Focused Placeholder */
-
 .ui.input.warning>input:focus:-ms-input-placeholder {
   color: #e39715;
 }
@@ -36515,11 +36126,9 @@ img.ui.bordered.image {
 /*******************************
            Variations
 *******************************/
-
 /* --------------------
           Transparent
     --------------------- */
-
 .ui.transparent.input>textarea,
 .ui.transparent.input>input {
   border-color: transparent !important;
@@ -36534,7 +36143,6 @@ img.ui.bordered.image {
 }
 
 /* Transparent Icon */
-
 :not(.field)>.ui.transparent.icon.input>i.icon {
   width: 1.1em;
 }
@@ -36550,7 +36158,6 @@ img.ui.bordered.image {
 }
 
 /* Transparent Inverted */
-
 .ui.transparent.inverted.input {
   color: #fff;
 }
@@ -36579,7 +36186,6 @@ img.ui.bordered.image {
 /* --------------------
              Icon
     --------------------- */
-
 .ui.icon.input>i.icon {
   cursor: default;
   position: absolute;
@@ -36624,7 +36230,6 @@ img.ui.bordered.image {
 }
 
 /* Left Icon Input */
-
 .ui[class*="left icon"].input>i.icon {
   right: auto;
   left: 1px;
@@ -36647,7 +36252,6 @@ img.ui.bordered.image {
 }
 
 /* Focus */
-
 .ui.input>input:focus::-webkit-calendar-picker-indicator,
 .ui.icon.input>textarea:focus~i.icon,
 .ui.icon.input>input:focus~i.icon {
@@ -36657,9 +36261,7 @@ img.ui.bordered.image {
 /* --------------------
             Labeled
     --------------------- */
-
 /* Adjacent Label */
-
 .ui.labeled.input>.label {
   flex: 0 0 auto;
   margin: 0;
@@ -36672,7 +36274,6 @@ img.ui.bordered.image {
 }
 
 /* Regular Label on Left */
-
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -36689,7 +36290,6 @@ img.ui.bordered.image {
 }
 
 /* Regular Label on Right */
-
 .ui[class*="right labeled"].input>input {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
@@ -36706,7 +36306,6 @@ img.ui.bordered.image {
 }
 
 /* Corner Label */
-
 .ui.labeled.input .corner.label {
   top: 1px;
   right: 1px;
@@ -36715,7 +36314,6 @@ img.ui.bordered.image {
 }
 
 /* Spacing with corner label */
-
 .ui[class*="corner labeled"]:not([class*="left corner labeled"]).input>.ui.dropdown,
 .ui[class*="corner labeled"]:not([class*="left corner labeled"]).input>textarea,
 .ui[class*="corner labeled"]:not([class*="left corner labeled"]).input>input {
@@ -36733,7 +36331,6 @@ img.ui.bordered.image {
 }
 
 /* Left Labeled */
-
 .ui[class*="left icon"].input>.ui.dropdown:first-child,
 .ui[class*="left icon"].input>i.icon+.ui.dropdown,
 .ui[class*="left corner labeled"].input>.ui.dropdown,
@@ -36837,7 +36434,6 @@ img.ui.bordered.image {
 }
 
 /* Corner Label Position */
-
 .ui.input>.ui.corner.label {
   top: 1px;
   right: 1px;
@@ -36849,7 +36445,6 @@ img.ui.bordered.image {
 }
 
 /* Labeled and action input states */
-
 .ui.form .field.error>.ui.action.input>.ui.button,
 .ui.form .field.error>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,
 .ui.action.input.error>.ui.button,
@@ -36961,7 +36556,6 @@ img.ui.bordered.image {
 /* --------------------
             Action
     --------------------- */
-
 .ui.action.input>.button,
 .ui.action.input>.buttons {
   display: flex;
@@ -36977,7 +36571,6 @@ img.ui.bordered.image {
 }
 
 /* Input when ui Left */
-
 .ui[class*="left action"].input>input {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -36985,7 +36578,6 @@ img.ui.bordered.image {
 }
 
 /* Input when ui Right */
-
 .ui.action.input:not([class*="left action"])>input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -36993,7 +36585,6 @@ img.ui.bordered.image {
 }
 
 /* Button and Dropdown */
-
 .ui.action.input>.dropdown:first-child,
 .ui.action.input>.button:first-child,
 .ui.action.input>.buttons:first-child>.button {
@@ -37013,7 +36604,6 @@ img.ui.bordered.image {
 }
 
 /* Input Focus */
-
 .ui.action.input:not([class*="left action"])>input:focus {
   border-right-color: #85b7d9;
 }
@@ -37025,9 +36615,7 @@ img.ui.bordered.image {
 /* --------------------
            Inverted
     --------------------- */
-
 /* Standard */
-
 .ui.inverted.input>input {
   border: none;
 }
@@ -37035,7 +36623,6 @@ img.ui.bordered.image {
 /* --------------------
             Fluid
     --------------------- */
-
 .ui.fluid.input {
   display: flex;
 }
@@ -37047,9 +36634,7 @@ img.ui.bordered.image {
 /* --------------------
             File
     --------------------- */
-
 /* width hack for chrome/edge */
-
 .ui.file.input {
   width: 100%;
 }
@@ -37106,7 +36691,6 @@ img.ui.bordered.image {
 }
 
 /* IE needs additional styling for input field :S */
-
 @media all and (-ms-high-contrast: none) {
 
   .ui.file.input>input[type="file"],
@@ -37175,7 +36759,6 @@ input[type="file"].ui.file.input:focus+label.ui.button:not(.basic):not(.tertiary
 }
 
 /* this is related to existing buttons, so the button color variable is used here! */
-
 input[type="file"].ui.file.input:focus+label.ui.primary.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus+label.ui.primary.button:not(.basic):not(.tertiary) {
   background-color: #1678c2;
@@ -38004,7 +37587,6 @@ input[type="file"].ui.black.file.input::file-selector-button:hover,
 /* --------------------
         Size
 --------------------- */
-
 .ui.input {
   font-size: 1em;
 }
@@ -38040,24 +37622,16 @@ input[type="file"].ui.black.file.input::file-selector-button:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Label
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Label
 *******************************/
-
 .ui.label {
   display: inline-block;
   line-height: 1;
@@ -38083,13 +37657,11 @@ input[type="file"].ui.black.file.input::file-selector-button:hover,
 }
 
 /* Link */
-
 a.ui.label {
   cursor: pointer;
 }
 
 /* Inside Link */
-
 .ui.label>a {
   cursor: pointer;
   color: inherit;
@@ -38102,7 +37674,6 @@ a.ui.label {
 }
 
 /* Image */
-
 .ui.label>img {
   width: auto !important;
   vertical-align: middle;
@@ -38110,7 +37681,6 @@ a.ui.label {
 }
 
 /* Icon */
-
 .ui.ui[class*="left icon"].label>.icon,
 .ui.label>.icon {
   width: auto;
@@ -38118,7 +37688,6 @@ a.ui.label {
 }
 
 /* Detail */
-
 .ui.label>.detail {
   display: inline-block;
   vertical-align: top;
@@ -38132,7 +37701,6 @@ a.ui.label {
 }
 
 /* Removable label */
-
 .ui.label>.close.icon,
 .ui.label>.delete.icon {
   cursor: pointer;
@@ -38147,7 +37715,6 @@ a.ui.label {
 }
 
 /* Backward compatible positioning */
-
 .ui.label[class*="left icon"]>.close.icon,
 .ui.label[class*="left icon"]>.delete.icon {
   margin: 0 0.5em 0 0;
@@ -38164,13 +37731,11 @@ a.ui.label {
 }
 
 /* Label for only an icon */
-
 .ui.icon.label>.icon {
   margin: 0 auto;
 }
 
 /* Right Side Icon */
-
 .ui[class*="right icon"].label>.icon {
   margin: 0 0 0 0.75em;
 }
@@ -38178,7 +37743,6 @@ a.ui.label {
 /* -------------------
        Group
 -------------------- */
-
 .ui.labels>.label {
   margin: 0 0.5em 0.5em 0;
 }
@@ -38186,13 +37750,11 @@ a.ui.label {
 /* -------------------
        Coupling
 -------------------- */
-
 .ui.header>.ui.label {
   margin-top: -0.29165em;
 }
 
 /* Remove border radius on attached segment */
-
 .ui.attached.segment>.ui.top.left.attached.label,
 .ui.bottom.attached.segment>.ui.top.left.attached.label {
   border-top-left-radius: 0;
@@ -38212,7 +37774,6 @@ a.ui.label {
 }
 
 /* Padding on next content after a label */
-
 .ui.top.attached.label~.ui.bottom.attached.label+ :not(.attached),
 .ui.top.attached.label+ :not(.attached) {
   margin-top: 2rem !important;
@@ -38246,7 +37807,6 @@ a.ui.label {
 /*******************************
              Types
 *******************************/
-
 .ui.image.label {
   width: auto;
   margin-top: 0;
@@ -38292,7 +37852,6 @@ a.ui.label {
 /* -------------------
              Tag
     -------------------- */
-
 .ui.tag.labels .label,
 .ui.tag.label {
   margin-left: 1em;
@@ -38347,7 +37906,6 @@ a.ui.label {
 /* -------------------
         Corner Label
     -------------------- */
-
 .ui.corner.label {
   position: absolute;
   top: 0;
@@ -38363,7 +37921,6 @@ a.ui.label {
 }
 
 /* Icon Label */
-
 .ui.corner.label {
   background-color: transparent !important;
 }
@@ -38396,7 +37953,6 @@ a.ui.label {
 }
 
 /* Left Corner */
-
 .ui.left.corner.label,
 .ui.left.corner.label::after {
   right: auto;
@@ -38417,7 +37973,6 @@ a.ui.label {
 }
 
 /* Segment */
-
 .ui.segment>.ui.corner.label {
   top: -1px;
   right: -1px;
@@ -38431,7 +37986,6 @@ a.ui.label {
 /* -------------------
            Ribbon
     -------------------- */
-
 .ui.ribbon.label {
   position: relative;
   margin: 0;
@@ -38456,7 +38010,6 @@ a.ui.label {
 }
 
 /* Positioning */
-
 .ui.ribbon.label {
   left: calc(-1rem - 1.2em);
   margin-right: -1.2em;
@@ -38498,7 +38051,6 @@ a.ui.label {
 }
 
 /* Right Ribbon */
-
 .ui[class*="right ribbon"].label {
   text-align: left;
   transform: translateX(-100%);
@@ -38532,7 +38084,6 @@ a.ui.label {
 }
 
 /* Inside Image */
-
 .ui.image>.ribbon.label,
 .ui.card .image>.ribbon.label {
   position: absolute;
@@ -38557,7 +38108,6 @@ a.ui.label {
 }
 
 /* Inside Table */
-
 .ui.table td>.ui.ribbon.label {
   left: calc(-1em - 1.2em);
 }
@@ -38570,7 +38120,6 @@ a.ui.label {
 /* -------------------
           Attached
     -------------------- */
-
 .ui[class*="top attached"].label,
 .ui.attached.label {
   width: 100%;
@@ -38620,11 +38169,9 @@ a.ui.label {
 /*******************************
              States
 *******************************/
-
 /* -------------------
       Disabled
 -------------------- */
-
 .ui.disabled.labels .label,
 .ui.label.disabled {
   opacity: 0.45;
@@ -38634,7 +38181,6 @@ a.ui.label {
 /* -------------------
         Hover
 -------------------- */
-
 .ui.labels a.label:hover,
 a.ui.label:hover {
   background-color: #e0e0e0;
@@ -38651,7 +38197,6 @@ a.ui.label:hover::before {
 /* -------------------
         Active
 -------------------- */
-
 .ui.active.label {
   background-color: #d0d0d0;
   border-color: #d0d0d0;
@@ -38668,7 +38213,6 @@ a.ui.label:hover::before {
 /* -------------------
      Active Hover
 -------------------- */
-
 .ui.labels a.active.label:hover,
 a.ui.active.label:hover {
   background-color: #c8c8c8;
@@ -38687,7 +38231,6 @@ a.ui.active.label:hover::before {
 /* -------------------
       Visible
 -------------------- */
-
 .ui.labels.visible .label,
 .ui.label.visible:not(.dropdown) {
   display: inline-block !important;
@@ -38696,7 +38239,6 @@ a.ui.active.label:hover::before {
 /* -------------------
       Hidden
 -------------------- */
-
 .ui.labels.hidden .label,
 .ui.label.hidden {
   display: none !important;
@@ -38705,11 +38247,9 @@ a.ui.active.label:hover::before {
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
             Basic
     -------------------- */
-
 .ui.basic.labels .label,
 .ui.basic.label {
   background: none #fff;
@@ -38731,7 +38271,6 @@ a.ui.active.label:hover::before {
 }
 
 /* Link */
-
 .ui.basic.labels a.label:hover,
 a.ui.basic.label:hover {
   text-decoration: none;
@@ -38741,7 +38280,6 @@ a.ui.basic.label:hover {
 }
 
 /* Pointing */
-
 .ui.basic.pointing.label::before {
   border-color: inherit;
 }
@@ -38749,7 +38287,6 @@ a.ui.basic.label:hover {
 /* -------------------
            Fluid
     -------------------- */
-
 .ui.label.fluid,
 .ui.fluid.labels>.label {
   width: 100%;
@@ -38764,7 +38301,6 @@ a.ui.basic.label:hover {
 /* -------------------
            Inverted
     -------------------- */
-
 .ui.inverted.labels .label,
 .ui.inverted.label {
   color: rgba(255, 255, 255, 0.9);
@@ -38794,7 +38330,6 @@ a.ui.basic.label:hover {
 /* -------------------
        Colors
 -------------------- */
-
 .ui.primary.labels .label,
 .ui.ui.ui.primary.label {
   background-color: #2185d0;
@@ -38803,7 +38338,6 @@ a.ui.basic.label:hover {
 }
 
 /* Link */
-
 .ui.primary.labels a.label:hover,
 a.ui.ui.ui.primary.label:hover {
   background-color: #1678c2;
@@ -38812,13 +38346,11 @@ a.ui.ui.ui.primary.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.primary.ribbon.label {
   border-color: #1a69a4;
 }
 
 /* Basic */
-
 .ui.basic.labels .primary.label,
 .ui.ui.ui.basic.primary.label {
   background: none #fff;
@@ -38834,7 +38366,6 @@ a.ui.ui.ui.basic.primary.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .primary.label,
 .ui.ui.ui.inverted.primary.label {
   background-color: #54c8ff;
@@ -38843,7 +38374,6 @@ a.ui.ui.ui.basic.primary.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.primary.label:hover,
 a.ui.ui.ui.inverted.primary.label:hover {
   background-color: #21b8ff;
@@ -38852,13 +38382,11 @@ a.ui.ui.ui.inverted.primary.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.primary.ribbon.label {
   border-color: #21b8ff;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .primary.label,
 .ui.ui.ui.inverted.basic.primary.label {
   background-color: #1b1c1d;
@@ -38874,7 +38402,6 @@ a.ui.ui.ui.inverted.basic.primary.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .primary.label,
 .ui.ui.ui.inverted.primary.basic.tag.label {
   border: 1px solid #54c8ff;
@@ -38897,7 +38424,6 @@ a.ui.ui.ui.inverted.basic.primary.label:hover {
 }
 
 /* Link */
-
 .ui.secondary.labels a.label:hover,
 a.ui.ui.ui.secondary.label:hover {
   background-color: #27292a;
@@ -38906,13 +38432,11 @@ a.ui.ui.ui.secondary.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.secondary.ribbon.label {
   border-color: #020203;
 }
 
 /* Basic */
-
 .ui.basic.labels .secondary.label,
 .ui.ui.ui.basic.secondary.label {
   background: none #fff;
@@ -38928,7 +38452,6 @@ a.ui.ui.ui.basic.secondary.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .secondary.label,
 .ui.ui.ui.inverted.secondary.label {
   background-color: #545454;
@@ -38937,7 +38460,6 @@ a.ui.ui.ui.basic.secondary.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.secondary.label:hover,
 a.ui.ui.ui.inverted.secondary.label:hover {
   background-color: #6e6e6e;
@@ -38946,13 +38468,11 @@ a.ui.ui.ui.inverted.secondary.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.secondary.ribbon.label {
   border-color: #3b3b3b;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .secondary.label,
 .ui.ui.ui.inverted.basic.secondary.label {
   background-color: #1b1c1d;
@@ -38968,7 +38488,6 @@ a.ui.ui.ui.inverted.basic.secondary.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .secondary.label,
 .ui.ui.ui.inverted.secondary.basic.tag.label {
   border: 1px solid #545454;
@@ -38991,7 +38510,6 @@ a.ui.ui.ui.inverted.basic.secondary.label:hover {
 }
 
 /* Link */
-
 .ui.red.labels a.label:hover,
 a.ui.ui.ui.red.label:hover {
   background-color: #d01919;
@@ -39000,13 +38518,11 @@ a.ui.ui.ui.red.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.red.ribbon.label {
   border-color: #b21e1e;
 }
 
 /* Basic */
-
 .ui.basic.labels .red.label,
 .ui.ui.ui.basic.red.label {
   background: none #fff;
@@ -39022,7 +38538,6 @@ a.ui.ui.ui.basic.red.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .red.label,
 .ui.ui.ui.inverted.red.label {
   background-color: #ff695e;
@@ -39031,7 +38546,6 @@ a.ui.ui.ui.basic.red.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.red.label:hover,
 a.ui.ui.ui.inverted.red.label:hover {
   background-color: #ff392b;
@@ -39040,13 +38554,11 @@ a.ui.ui.ui.inverted.red.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.red.ribbon.label {
   border-color: #ff392b;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .red.label,
 .ui.ui.ui.inverted.basic.red.label {
   background-color: #1b1c1d;
@@ -39062,7 +38574,6 @@ a.ui.ui.ui.inverted.basic.red.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .red.label,
 .ui.ui.ui.inverted.red.basic.tag.label {
   border: 1px solid #ff695e;
@@ -39085,7 +38596,6 @@ a.ui.ui.ui.inverted.basic.red.label:hover {
 }
 
 /* Link */
-
 .ui.orange.labels a.label:hover,
 a.ui.ui.ui.orange.label:hover {
   background-color: #f26202;
@@ -39094,13 +38604,11 @@ a.ui.ui.ui.orange.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.orange.ribbon.label {
   border-color: #cf590c;
 }
 
 /* Basic */
-
 .ui.basic.labels .orange.label,
 .ui.ui.ui.basic.orange.label {
   background: none #fff;
@@ -39116,7 +38624,6 @@ a.ui.ui.ui.basic.orange.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .orange.label,
 .ui.ui.ui.inverted.orange.label {
   background-color: #ff851b;
@@ -39125,7 +38632,6 @@ a.ui.ui.ui.basic.orange.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.orange.label:hover,
 a.ui.ui.ui.inverted.orange.label:hover {
   background-color: #e76b00;
@@ -39134,13 +38640,11 @@ a.ui.ui.ui.inverted.orange.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.orange.ribbon.label {
   border-color: #e76b00;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .orange.label,
 .ui.ui.ui.inverted.basic.orange.label {
   background-color: #1b1c1d;
@@ -39156,7 +38660,6 @@ a.ui.ui.ui.inverted.basic.orange.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .orange.label,
 .ui.ui.ui.inverted.orange.basic.tag.label {
   border: 1px solid #ff851b;
@@ -39179,7 +38682,6 @@ a.ui.ui.ui.inverted.basic.orange.label:hover {
 }
 
 /* Link */
-
 .ui.yellow.labels a.label:hover,
 a.ui.ui.ui.yellow.label:hover {
   background-color: #eaae00;
@@ -39188,13 +38690,11 @@ a.ui.ui.ui.yellow.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.yellow.ribbon.label {
   border-color: #cd9903;
 }
 
 /* Basic */
-
 .ui.basic.labels .yellow.label,
 .ui.ui.ui.basic.yellow.label {
   background: none #fff;
@@ -39210,7 +38710,6 @@ a.ui.ui.ui.basic.yellow.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .yellow.label,
 .ui.ui.ui.inverted.yellow.label {
   background-color: #ffe21f;
@@ -39219,7 +38718,6 @@ a.ui.ui.ui.basic.yellow.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.yellow.label:hover,
 a.ui.ui.ui.inverted.yellow.label:hover {
   background-color: #ebcd00;
@@ -39228,13 +38726,11 @@ a.ui.ui.ui.inverted.yellow.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.yellow.ribbon.label {
   border-color: #ebcd00;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .yellow.label,
 .ui.ui.ui.inverted.basic.yellow.label {
   background-color: #1b1c1d;
@@ -39250,7 +38746,6 @@ a.ui.ui.ui.inverted.basic.yellow.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .yellow.label,
 .ui.ui.ui.inverted.yellow.basic.tag.label {
   border: 1px solid #ffe21f;
@@ -39273,7 +38768,6 @@ a.ui.ui.ui.inverted.basic.yellow.label:hover {
 }
 
 /* Link */
-
 .ui.olive.labels a.label:hover,
 a.ui.ui.ui.olive.label:hover {
   background-color: #a7bd0d;
@@ -39282,13 +38776,11 @@ a.ui.ui.ui.olive.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.olive.ribbon.label {
   border-color: #8d9e13;
 }
 
 /* Basic */
-
 .ui.basic.labels .olive.label,
 .ui.ui.ui.basic.olive.label {
   background: none #fff;
@@ -39304,7 +38796,6 @@ a.ui.ui.ui.basic.olive.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .olive.label,
 .ui.ui.ui.inverted.olive.label {
   background-color: #d9e778;
@@ -39313,7 +38804,6 @@ a.ui.ui.ui.basic.olive.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.olive.label:hover,
 a.ui.ui.ui.inverted.olive.label:hover {
   background-color: #d2e745;
@@ -39322,13 +38812,11 @@ a.ui.ui.ui.inverted.olive.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.olive.ribbon.label {
   border-color: #cddf4d;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .olive.label,
 .ui.ui.ui.inverted.basic.olive.label {
   background-color: #1b1c1d;
@@ -39344,7 +38832,6 @@ a.ui.ui.ui.inverted.basic.olive.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .olive.label,
 .ui.ui.ui.inverted.olive.basic.tag.label {
   border: 1px solid #d9e778;
@@ -39367,7 +38854,6 @@ a.ui.ui.ui.inverted.basic.olive.label:hover {
 }
 
 /* Link */
-
 .ui.green.labels a.label:hover,
 a.ui.ui.ui.green.label:hover {
   background-color: #16ab39;
@@ -39376,13 +38862,11 @@ a.ui.ui.ui.green.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.green.ribbon.label {
   border-color: #198f35;
 }
 
 /* Basic */
-
 .ui.basic.labels .green.label,
 .ui.ui.ui.basic.green.label {
   background: none #fff;
@@ -39398,7 +38882,6 @@ a.ui.ui.ui.basic.green.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .green.label,
 .ui.ui.ui.inverted.green.label {
   background-color: #2ecc40;
@@ -39407,7 +38890,6 @@ a.ui.ui.ui.basic.green.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.green.label:hover,
 a.ui.ui.ui.inverted.green.label:hover {
   background-color: #1ea92e;
@@ -39416,13 +38898,11 @@ a.ui.ui.ui.inverted.green.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.green.ribbon.label {
   border-color: #25a233;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .green.label,
 .ui.ui.ui.inverted.basic.green.label {
   background-color: #1b1c1d;
@@ -39438,7 +38918,6 @@ a.ui.ui.ui.inverted.basic.green.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .green.label,
 .ui.ui.ui.inverted.green.basic.tag.label {
   border: 1px solid #2ecc40;
@@ -39461,7 +38940,6 @@ a.ui.ui.ui.inverted.basic.green.label:hover {
 }
 
 /* Link */
-
 .ui.teal.labels a.label:hover,
 a.ui.ui.ui.teal.label:hover {
   background-color: #009c95;
@@ -39470,13 +38948,11 @@ a.ui.ui.ui.teal.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.teal.ribbon.label {
   border-color: #00827c;
 }
 
 /* Basic */
-
 .ui.basic.labels .teal.label,
 .ui.ui.ui.basic.teal.label {
   background: none #fff;
@@ -39492,7 +38968,6 @@ a.ui.ui.ui.basic.teal.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .teal.label,
 .ui.ui.ui.inverted.teal.label {
   background-color: #6dffff;
@@ -39501,7 +38976,6 @@ a.ui.ui.ui.basic.teal.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.teal.label:hover,
 a.ui.ui.ui.inverted.teal.label:hover {
   background-color: #3affff;
@@ -39510,13 +38984,11 @@ a.ui.ui.ui.inverted.teal.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.teal.ribbon.label {
   border-color: #3affff;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .teal.label,
 .ui.ui.ui.inverted.basic.teal.label {
   background-color: #1b1c1d;
@@ -39532,7 +39004,6 @@ a.ui.ui.ui.inverted.basic.teal.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .teal.label,
 .ui.ui.ui.inverted.teal.basic.tag.label {
   border: 1px solid #6dffff;
@@ -39555,7 +39026,6 @@ a.ui.ui.ui.inverted.basic.teal.label:hover {
 }
 
 /* Link */
-
 .ui.blue.labels a.label:hover,
 a.ui.ui.ui.blue.label:hover {
   background-color: #1678c2;
@@ -39564,13 +39034,11 @@ a.ui.ui.ui.blue.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.blue.ribbon.label {
   border-color: #1a69a4;
 }
 
 /* Basic */
-
 .ui.basic.labels .blue.label,
 .ui.ui.ui.basic.blue.label {
   background: none #fff;
@@ -39586,7 +39054,6 @@ a.ui.ui.ui.basic.blue.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .blue.label,
 .ui.ui.ui.inverted.blue.label {
   background-color: #54c8ff;
@@ -39595,7 +39062,6 @@ a.ui.ui.ui.basic.blue.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.blue.label:hover,
 a.ui.ui.ui.inverted.blue.label:hover {
   background-color: #21b8ff;
@@ -39604,13 +39070,11 @@ a.ui.ui.ui.inverted.blue.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.blue.ribbon.label {
   border-color: #21b8ff;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .blue.label,
 .ui.ui.ui.inverted.basic.blue.label {
   background-color: #1b1c1d;
@@ -39626,7 +39090,6 @@ a.ui.ui.ui.inverted.basic.blue.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .blue.label,
 .ui.ui.ui.inverted.blue.basic.tag.label {
   border: 1px solid #54c8ff;
@@ -39649,7 +39112,6 @@ a.ui.ui.ui.inverted.basic.blue.label:hover {
 }
 
 /* Link */
-
 .ui.violet.labels a.label:hover,
 a.ui.ui.ui.violet.label:hover {
   background-color: #5829bb;
@@ -39658,13 +39120,11 @@ a.ui.ui.ui.violet.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.violet.ribbon.label {
   border-color: #502aa1;
 }
 
 /* Basic */
-
 .ui.basic.labels .violet.label,
 .ui.ui.ui.basic.violet.label {
   background: none #fff;
@@ -39680,7 +39140,6 @@ a.ui.ui.ui.basic.violet.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .violet.label,
 .ui.ui.ui.inverted.violet.label {
   background-color: #a291fb;
@@ -39689,7 +39148,6 @@ a.ui.ui.ui.basic.violet.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.violet.label:hover,
 a.ui.ui.ui.inverted.violet.label:hover {
   background-color: #745aff;
@@ -39698,13 +39156,11 @@ a.ui.ui.ui.inverted.violet.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.violet.ribbon.label {
   border-color: #7860f9;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .violet.label,
 .ui.ui.ui.inverted.basic.violet.label {
   background-color: #1b1c1d;
@@ -39720,7 +39176,6 @@ a.ui.ui.ui.inverted.basic.violet.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .violet.label,
 .ui.ui.ui.inverted.violet.basic.tag.label {
   border: 1px solid #a291fb;
@@ -39743,7 +39198,6 @@ a.ui.ui.ui.inverted.basic.violet.label:hover {
 }
 
 /* Link */
-
 .ui.purple.labels a.label:hover,
 a.ui.ui.ui.purple.label:hover {
   background-color: #9627ba;
@@ -39752,13 +39206,11 @@ a.ui.ui.ui.purple.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.purple.ribbon.label {
   border-color: #82299f;
 }
 
 /* Basic */
-
 .ui.basic.labels .purple.label,
 .ui.ui.ui.basic.purple.label {
   background: none #fff;
@@ -39774,7 +39226,6 @@ a.ui.ui.ui.basic.purple.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .purple.label,
 .ui.ui.ui.inverted.purple.label {
   background-color: #dc73ff;
@@ -39783,7 +39234,6 @@ a.ui.ui.ui.basic.purple.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.purple.label:hover,
 a.ui.ui.ui.inverted.purple.label:hover {
   background-color: #cf40ff;
@@ -39792,13 +39242,11 @@ a.ui.ui.ui.inverted.purple.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.purple.ribbon.label {
   border-color: #cf40ff;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .purple.label,
 .ui.ui.ui.inverted.basic.purple.label {
   background-color: #1b1c1d;
@@ -39814,7 +39262,6 @@ a.ui.ui.ui.inverted.basic.purple.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .purple.label,
 .ui.ui.ui.inverted.purple.basic.tag.label {
   border: 1px solid #dc73ff;
@@ -39837,7 +39284,6 @@ a.ui.ui.ui.inverted.basic.purple.label:hover {
 }
 
 /* Link */
-
 .ui.pink.labels a.label:hover,
 a.ui.ui.ui.pink.label:hover {
   background-color: #e61a8d;
@@ -39846,13 +39292,11 @@ a.ui.ui.ui.pink.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.pink.ribbon.label {
   border-color: #c71f7e;
 }
 
 /* Basic */
-
 .ui.basic.labels .pink.label,
 .ui.ui.ui.basic.pink.label {
   background: none #fff;
@@ -39868,7 +39312,6 @@ a.ui.ui.ui.basic.pink.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .pink.label,
 .ui.ui.ui.inverted.pink.label {
   background-color: #ff8edf;
@@ -39877,7 +39320,6 @@ a.ui.ui.ui.basic.pink.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.pink.label:hover,
 a.ui.ui.ui.inverted.pink.label:hover {
   background-color: #ff5bd1;
@@ -39886,13 +39328,11 @@ a.ui.ui.ui.inverted.pink.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.pink.ribbon.label {
   border-color: #ff5bd1;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .pink.label,
 .ui.ui.ui.inverted.basic.pink.label {
   background-color: #1b1c1d;
@@ -39908,7 +39348,6 @@ a.ui.ui.ui.inverted.basic.pink.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .pink.label,
 .ui.ui.ui.inverted.pink.basic.tag.label {
   border: 1px solid #ff8edf;
@@ -39931,7 +39370,6 @@ a.ui.ui.ui.inverted.basic.pink.label:hover {
 }
 
 /* Link */
-
 .ui.brown.labels a.label:hover,
 a.ui.ui.ui.brown.label:hover {
   background-color: #975b33;
@@ -39940,13 +39378,11 @@ a.ui.ui.ui.brown.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.brown.ribbon.label {
   border-color: #805031;
 }
 
 /* Basic */
-
 .ui.basic.labels .brown.label,
 .ui.ui.ui.basic.brown.label {
   background: none #fff;
@@ -39962,7 +39398,6 @@ a.ui.ui.ui.basic.brown.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .brown.label,
 .ui.ui.ui.inverted.brown.label {
   background-color: #d67c1c;
@@ -39971,7 +39406,6 @@ a.ui.ui.ui.basic.brown.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.brown.label:hover,
 a.ui.ui.ui.inverted.brown.label:hover {
   background-color: #b0620f;
@@ -39980,13 +39414,11 @@ a.ui.ui.ui.inverted.brown.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.brown.ribbon.label {
   border-color: #a96216;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .brown.label,
 .ui.ui.ui.inverted.basic.brown.label {
   background-color: #1b1c1d;
@@ -40002,7 +39434,6 @@ a.ui.ui.ui.inverted.basic.brown.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .brown.label,
 .ui.ui.ui.inverted.brown.basic.tag.label {
   border: 1px solid #d67c1c;
@@ -40025,7 +39456,6 @@ a.ui.ui.ui.inverted.basic.brown.label:hover {
 }
 
 /* Link */
-
 .ui.grey.labels a.label:hover,
 a.ui.ui.ui.grey.label:hover {
   background-color: #838383;
@@ -40034,13 +39464,11 @@ a.ui.ui.ui.grey.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.grey.ribbon.label {
   border-color: #5d5d5d;
 }
 
 /* Basic */
-
 .ui.basic.labels .grey.label,
 .ui.ui.ui.basic.grey.label {
   background: none #fff;
@@ -40056,7 +39484,6 @@ a.ui.ui.ui.basic.grey.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .grey.label,
 .ui.ui.ui.inverted.grey.label {
   background-color: #dcddde;
@@ -40065,7 +39492,6 @@ a.ui.ui.ui.basic.grey.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.grey.label:hover,
 a.ui.ui.ui.inverted.grey.label:hover {
   background-color: #c2c4c5;
@@ -40074,13 +39500,11 @@ a.ui.ui.ui.inverted.grey.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.grey.ribbon.label {
   border-color: #e9eaea;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .grey.label,
 .ui.ui.ui.inverted.basic.grey.label {
   background-color: #1b1c1d;
@@ -40095,7 +39519,6 @@ a.ui.ui.ui.inverted.basic.grey.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .grey.label,
 .ui.ui.ui.inverted.grey.basic.tag.label {
   border: 1px solid #dcddde;
@@ -40118,7 +39541,6 @@ a.ui.ui.ui.inverted.basic.grey.label:hover {
 }
 
 /* Link */
-
 .ui.black.labels a.label:hover,
 a.ui.ui.ui.black.label:hover {
   background-color: #27292a;
@@ -40127,13 +39549,11 @@ a.ui.ui.ui.black.label:hover {
 }
 
 /* Ribbon */
-
 .ui.ui.ui.black.ribbon.label {
   border-color: #020203;
 }
 
 /* Basic */
-
 .ui.basic.labels .black.label,
 .ui.ui.ui.basic.black.label {
   background: none #fff;
@@ -40149,7 +39569,6 @@ a.ui.ui.ui.basic.black.label:hover {
 }
 
 /* Inverted */
-
 .ui.inverted.labels .black.label,
 .ui.ui.ui.inverted.black.label {
   background-color: #545454;
@@ -40158,7 +39577,6 @@ a.ui.ui.ui.basic.black.label:hover {
 }
 
 /* Inverted Link */
-
 .ui.inverted.labels a.black.label:hover,
 a.ui.ui.ui.inverted.black.label:hover {
   background-color: #000000;
@@ -40167,13 +39585,11 @@ a.ui.ui.ui.inverted.black.label:hover {
 }
 
 /* Inverted Ribbon */
-
 .ui.ui.ui.inverted.black.ribbon.label {
   border-color: #616161;
 }
 
 /* Inverted Basic */
-
 .ui.inverted.basic.labels .black.label,
 .ui.ui.ui.inverted.basic.black.label {
   background-color: #1b1c1d;
@@ -40188,7 +39604,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* Inverted Basic Tags */
-
 .ui.inverted.basic.tag.labels .black.label,
 .ui.ui.ui.inverted.black.basic.tag.label {
   border: 1px solid #545454;
@@ -40206,7 +39621,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /* -------------------
      Horizontal
 -------------------- */
-
 .ui.horizontal.labels .label,
 .ui.horizontal.label {
   margin: 0 0.5em 0 0;
@@ -40218,7 +39632,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /* -------------------
            Circular
     -------------------- */
-
 .ui.circular.labels .label,
 .ui.circular.label {
   min-width: 2em;
@@ -40242,7 +39655,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /* -------------------
            Pointing
     -------------------- */
-
 .ui.pointing.label {
   position: relative;
 }
@@ -40260,7 +39672,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* Arrow */
-
 .ui.pointing.label::before {
   position: absolute;
   content: "";
@@ -40273,7 +39684,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* --- Above --- */
-
 .ui.pointing.label,
 .ui[class*="pointing above"].label {
   margin-top: 1em;
@@ -40288,7 +39698,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* --- Below --- */
-
 .ui[class*="bottom pointing"].label,
 .ui[class*="pointing below"].label {
   margin-top: 0;
@@ -40305,7 +39714,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* --- Left --- */
-
 .ui[class*="left pointing"].label {
   margin-top: 0;
   margin-left: 0.6666em;
@@ -40321,7 +39729,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* --- Right --- */
-
 .ui[class*="right pointing"].label {
   margin-top: 0;
   margin-right: 0.6666em;
@@ -40337,16 +39744,13 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* Basic Pointing */
-
 /* --- Above --- */
-
 .ui.basic.pointing.label::before,
 .ui.basic[class*="pointing above"].label::before {
   margin-top: -1px;
 }
 
 /* --- Below --- */
-
 .ui.basic[class*="bottom pointing"].label::before,
 .ui.basic[class*="pointing below"].label::before {
   bottom: auto;
@@ -40355,14 +39759,12 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 }
 
 /* --- Left --- */
-
 .ui.basic[class*="left pointing"].label::before {
   top: 50%;
   left: -1px;
 }
 
 /* --- Right --- */
-
 .ui.basic[class*="right pointing"].label::before {
   top: 50%;
   right: -1px;
@@ -40371,7 +39773,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /* ------------------
        Floating Label
     ------------------- */
-
 .ui.floating.label {
   position: absolute;
   z-index: 100;
@@ -40403,7 +39804,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /* -------------------
         Sizes
 -------------------- */
-
 .ui.labels .label,
 .ui.label {
   font-size: 0.85714286rem;
@@ -40447,24 +39847,16 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - List
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             List
 *******************************/
-
 ul.ui.list,
 ol.ui.list,
 .ui.list {
@@ -40490,9 +39882,7 @@ ol.ui.list:last-child,
 /*******************************
             Content
 *******************************/
-
 /* List Item */
-
 ul.ui.list li,
 ol.ui.list li,
 .ui.list>.item,
@@ -40531,7 +39921,6 @@ ol.ui.list li:last-child,
 }
 
 /* Child List */
-
 ul.ui.list ul,
 ol.ui.list ol,
 .ui.list .list:not(.icon) {
@@ -40541,7 +39930,6 @@ ol.ui.list ol,
 }
 
 /* Child Item */
-
 ul.ui.list ul li,
 ol.ui.list ol li,
 .ui.list .list>.item {
@@ -40550,7 +39938,6 @@ ol.ui.list ol li,
 }
 
 /* Icon */
-
 .ui.list .list>.item>i.icon,
 .ui.list>.item>i.icon {
   display: table-cell;
@@ -40574,7 +39961,6 @@ ol.ui.list ol li,
 }
 
 /* Image */
-
 .ui.list .list>.item>.image,
 .ui.list>.item>.image {
   display: table-cell;
@@ -40601,7 +39987,6 @@ ol.ui.list ol li,
 }
 
 /* Content */
-
 .ui.list .list>.item>.content,
 .ui.list>.item>.content {
   line-height: 1.14285714em;
@@ -40636,7 +40021,6 @@ ol.ui.list ol li,
 }
 
 /* Header */
-
 .ui.list .list>.item .header,
 .ui.list>.item .header {
   display: block;
@@ -40647,7 +40031,6 @@ ol.ui.list ol li,
 }
 
 /* Description */
-
 .ui.list .list>.item .description,
 .ui.list>.item .description {
   display: block;
@@ -40655,14 +40038,12 @@ ol.ui.list ol li,
 }
 
 /* Child Link */
-
 .ui.list>.item a,
 .ui.list .list>.item a {
   cursor: pointer;
 }
 
 /* Linking Item */
-
 .ui.list .list>a.item,
 .ui.list>a.item {
   cursor: pointer;
@@ -40675,7 +40056,6 @@ ol.ui.list ol li,
 }
 
 /* Linked Item Icons */
-
 .ui.list .list>a.item>i.icons,
 .ui.list>a.item>i.icons,
 .ui.list .list>a.item>i.icon,
@@ -40684,7 +40064,6 @@ ol.ui.list ol li,
 }
 
 /* Header Link */
-
 .ui.list .list>.item a.header,
 .ui.list>.item a.header {
   cursor: pointer;
@@ -40697,7 +40076,6 @@ ol.ui.list ol li,
 }
 
 /* Floated Content */
-
 .ui[class*="left floated"].list {
   float: left;
 }
@@ -40721,7 +40099,6 @@ ol.ui.list ol li,
 /*******************************
             Coupling
 *******************************/
-
 .ui.menu .ui.list>.item,
 .ui.menu .ui.list .list>.item {
   display: list-item;
@@ -40752,11 +40129,9 @@ ol.ui.list ol li,
 /*******************************
             Types
 *******************************/
-
 /* -------------------
           Horizontal
     -------------------- */
-
 .ui.horizontal.list {
   display: inline-block;
   font-size: 0;
@@ -40788,7 +40163,6 @@ ol.ui.list ol li,
 }
 
 /* Padding on all elements */
-
 .ui.horizontal.list>.item:first-child,
 .ui.horizontal.list>.item:last-child {
   padding-top: 0.21428571em;
@@ -40796,7 +40170,6 @@ ol.ui.list ol li,
 }
 
 /* Horizontal List */
-
 .ui.horizontal.list>.item>i.icon,
 .ui.horizontal.list .item>i.icons>i.icon {
   margin: 0;
@@ -40818,11 +40191,9 @@ ol.ui.list ol li,
 /*******************************
              States
 *******************************/
-
 /* -------------------
            Disabled
     -------------------- */
-
 .ui.list .list>.disabled.item,
 .ui.list>.disabled.item {
   pointer-events: none;
@@ -40837,7 +40208,6 @@ ol.ui.list ol li,
 /* -------------------
         Hover
 -------------------- */
-
 .ui.list .list>a.item:hover>.icons,
 .ui.list>a.item:hover>.icons,
 .ui.list .list>a.item:hover>i.icon,
@@ -40848,11 +40218,9 @@ ol.ui.list ol li,
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
            Inverted
     -------------------- */
-
 .ui.inverted.list .list>a.item>i.icon,
 .ui.inverted.list>a.item>i.icon {
   color: rgba(255, 255, 255, 0.7);
@@ -40874,7 +40242,6 @@ ol.ui.list ol li,
 }
 
 /* Item Link */
-
 .ui.inverted.list .list>a.item,
 .ui.inverted.list>a.item {
   cursor: pointer;
@@ -40887,7 +40254,6 @@ ol.ui.list ol li,
 }
 
 /* Linking Content */
-
 .ui.inverted.list .item a:not(.ui) {
   color: rgba(255, 255, 255, 0.9) !important;
 }
@@ -40899,7 +40265,6 @@ ol.ui.list ol li,
 /* -------------------
            Aligned
     -------------------- */
-
 .ui.list[class*="top aligned"] .image,
 .ui.list[class*="top aligned"] .content,
 .ui.list [class*="top aligned"] {
@@ -40921,7 +40286,6 @@ ol.ui.list ol li,
 /* -------------------
            Link
     -------------------- */
-
 .ui.link.list .item,
 .ui.link.list a.item,
 .ui.link.list .item a:not(.ui) {
@@ -40945,7 +40309,6 @@ ol.ui.list ol li,
 }
 
 /* Inverted */
-
 .ui.inverted.link.list .item,
 .ui.inverted.link.list a.item,
 .ui.inverted.link.list .item a:not(.ui) {
@@ -40970,7 +40333,6 @@ ol.ui.list ol li,
 /* -------------------
           Selection
     -------------------- */
-
 .ui.selection.list .list>.item,
 .ui.selection.list>.item {
   cursor: pointer;
@@ -41006,7 +40368,6 @@ ol.ui.list ol li,
 }
 
 /* Inverted */
-
 .ui.inverted.selection.list>.item {
   background: transparent;
   color: rgba(255, 255, 255, 0.5);
@@ -41028,7 +40389,6 @@ ol.ui.list ol li,
 }
 
 /* Celled / Divided Selection List */
-
 .ui.celled.selection.list .list>.item,
 .ui.divided.selection.list .list>.item,
 .ui.celled.selection.list>.item,
@@ -41039,7 +40399,6 @@ ol.ui.list ol li,
 /* -------------------
            Animated
     -------------------- */
-
 .ui.animated.list>.item {
   transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
 }
@@ -41051,7 +40410,6 @@ ol.ui.list ol li,
 /* -------------------
            Fitted
     -------------------- */
-
 .ui.fitted.list:not(.selection) .list>.item,
 .ui.fitted.list:not(.selection)>.item {
   padding-left: 0;
@@ -41067,7 +40425,6 @@ ol.ui.list ol li,
 /* -------------------
           Bulleted
     -------------------- */
-
 ul.ui.list,
 .ui.bulleted.list {
   margin-left: 1.25rem;
@@ -41109,7 +40466,6 @@ ul.ui.list ul,
 }
 
 /* Horizontal Bulleted */
-
 ul.ui.horizontal.bulleted.list,
 .ui.horizontal.bulleted.list {
   margin-left: 0;
@@ -41138,7 +40494,6 @@ ul.ui.horizontal.bulleted.list li:first-child::before,
 /* -------------------
            Ordered
     -------------------- */
-
 ol.ui.list,
 .ui.ordered.list,
 .ui.ordered.list .list:not(.icon),
@@ -41181,7 +40536,6 @@ ol.ui.inverted.list li::before,
 }
 
 /* Value */
-
 .ui.ordered.list .list>.item[data-value]::before,
 .ui.ordered.list>.item[data-value]::before {
   content: attr(data-value);
@@ -41192,7 +40546,6 @@ ol.ui.list li[value]::before {
 }
 
 /* Child Lists */
-
 ol.ui.list ol,
 .ui.ordered.list .list:not(.icon) {
   margin-left: 1em;
@@ -41204,7 +40557,6 @@ ol.ui.list ol li::before,
 }
 
 /* Horizontal Ordered */
-
 ol.ui.horizontal.list,
 .ui.ordered.horizontal.list {
   margin-left: 0;
@@ -41218,7 +40570,6 @@ ol.ui.horizontal.list li::before,
 }
 
 /* Suffixed Ordered */
-
 ol.ui.suffixed.list li::before,
 .ui.suffixed.ordered.list .list>.item::before,
 .ui.suffixed.ordered.list>.item::before {
@@ -41228,7 +40579,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Divided
     -------------------- */
-
 .ui.divided.list>.item {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -41247,13 +40597,11 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Sub Menu */
-
 .ui.divided.list:not(.horizontal) .list>.item:first-child {
   border-top-width: 1px;
 }
 
 /* Divided bulleted */
-
 .ui.divided.bulleted.list:not(.horizontal),
 .ui.divided.bulleted.list .list:not(.icon) {
   margin-left: 0;
@@ -41265,7 +40613,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Divided Ordered */
-
 .ui.divided.ordered.list {
   margin-left: 0;
 }
@@ -41286,7 +40633,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Divided Selection */
-
 .ui.divided.selection.list .list>.item,
 .ui.divided.selection.list>.item {
   margin: 0;
@@ -41294,7 +40640,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Divided horizontal */
-
 .ui.divided.horizontal.list {
   margin-left: 0;
 }
@@ -41319,7 +40664,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Inverted */
-
 .ui.divided.inverted.list>.item,
 .ui.divided.inverted.list>.list,
 .ui.divided.inverted.horizontal.list>.item {
@@ -41329,7 +40673,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
             Celled
     -------------------- */
-
 .ui.celled.list>.item,
 .ui.celled.list>.list {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
@@ -41342,7 +40685,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Padding on all elements */
-
 .ui.celled.list>.item:first-child,
 .ui.celled.list>.item:last-child {
   padding-top: 0.21428571em;
@@ -41350,7 +40692,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Sub Menu */
-
 .ui.celled.list .item .list>.item {
   border-width: 0;
 }
@@ -41360,7 +40701,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Celled Bulleted */
-
 .ui.celled.bulleted.list {
   margin-left: 0;
 }
@@ -41377,7 +40717,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Celled Ordered */
-
 .ui.celled.ordered.list {
   margin-left: 0;
 }
@@ -41398,7 +40737,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Celled Horizontal */
-
 .ui.horizontal.celled.list {
   margin-left: 0;
 }
@@ -41420,7 +40758,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Inverted */
-
 .ui.celled.inverted.list>.item,
 .ui.celled.inverted.list>.list {
   border-color: rgba(255, 255, 255, 0.1);
@@ -41434,7 +40771,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Relaxed
     -------------------- */
-
 .ui.relaxed.list:not(.horizontal)>.item:not(:first-child) {
   padding-top: 0.42857143em;
 }
@@ -41454,7 +40790,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Very Relaxed */
-
 .ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child) {
   padding-top: 0.85714286em;
 }
@@ -41476,7 +40811,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
       Sizes
 -------------------- */
-
 .ui.list {
   font-size: 1em;
 }
@@ -41547,26 +40881,17 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Loader
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Loader
 *******************************/
-
 /* Standard Size */
-
 .ui.loader {
   display: none;
   position: absolute;
@@ -41579,7 +40904,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Static Shape */
-
 .ui.loader::before {
   position: absolute;
   content: "";
@@ -41592,7 +40916,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Active Shape */
-
 .ui.loader::after {
   position: absolute;
   content: "";
@@ -41607,7 +40930,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Speeds */
-
 .ui.ui.fast.loading::after,
 .ui.ui.fast.loading .input>i.icon::after,
 .ui.ui.fast.loading>i.icon::after,
@@ -41623,7 +40945,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Active Animation */
-
 @keyframes loader {
   100% {
     transform: rotate(360deg);
@@ -41633,15 +40954,12 @@ ol.ui.suffixed.list li::before,
 /* -------------------
       Coupling
 -------------------- */
-
 /* Show inside active dimmer */
-
 .ui.dimmer>.loader {
   display: block;
 }
 
 /* Black Dimmer */
-
 .ui.dimmer>.ui.loader {
   color: rgba(255, 255, 255, 0.9);
 }
@@ -41651,7 +40969,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* White Dimmer (Inverted) */
-
 .ui.inverted.dimmer>.ui.loader {
   color: rgba(0, 0, 0, 0.87);
 }
@@ -41663,11 +40980,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
              Types
 *******************************/
-
 /* -------------------
             Text
     -------------------- */
-
 .ui.ui.ui.ui.text.loader {
   width: auto;
   height: auto;
@@ -41678,7 +40993,6 @@ ol.ui.suffixed.list li::before,
 /*******************************
             States
 *******************************/
-
 .ui.indeterminate.loader::after {
   animation-direction: reverse;
   animation-duration: 1.2s;
@@ -41697,11 +41011,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
             Variations
 *******************************/
-
 /* -------------------
         Sizes
 -------------------- */
-
 .ui.loader {
   width: 2.28571429rem;
   height: 2.28571429rem;
@@ -41849,7 +41161,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
        Colors
 -------------------- */
-
 .ui.ui.primary.elastic.loader::before,
 .ui.primary.basic.elastic.loading.button::before,
 .ui.primary.basic.elastic.loading.button::after,
@@ -42237,7 +41548,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Inline
     -------------------- */
-
 .ui.inline.loader {
   position: relative;
   vertical-align: middle;
@@ -42253,7 +41563,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Centered Inline */
-
 .ui.centered.inline.loader.active,
 .ui.centered.inline.loader.visible {
   display: block;
@@ -42294,7 +41603,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Elastic
     -------------------- */
-
 .ui.dimmer>.ui.elastic.loader {
   color: #fff;
 }
@@ -42425,24 +41733,16 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Placeholder
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /* -------------------
       Content
 -------------------- */
-
 .ui.placeholder {
   position: static;
   overflow: hidden;
@@ -42497,7 +41797,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Image */
-
 .ui.placeholder .image:not(.header):not(.ui):not(.icon) {
   height: 100px;
 }
@@ -42517,7 +41816,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Lines */
-
 .ui.placeholder .line {
   position: relative;
   height: 0.85714286em;
@@ -42540,7 +41838,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Any Lines */
-
 .ui.placeholder .line {
   margin-bottom: 0.5em;
 }
@@ -42555,7 +41852,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Line Outdent */
-
 .ui.placeholder .line:nth-child(1)::after {
   width: 0;
 }
@@ -42577,14 +41873,12 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Header Image + 2 Lines */
-
 .ui.placeholder .header {
   position: relative;
   overflow: hidden;
 }
 
 /* Header Line 1 & 2 */
-
 .ui.placeholder .header .line {
   margin-bottom: 0.64285714em;
 }
@@ -42607,7 +41901,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Image Header */
-
 .ui.placeholder .image.header .line {
   margin-left: 3em;
 }
@@ -42624,7 +41917,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Spacing */
-
 .ui.placeholder .image .line:first-child,
 .ui.placeholder .paragraph .line:first-child,
 .ui.placeholder .header .line:first-child {
@@ -42640,7 +41932,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Inverted Content Loader */
-
 .ui.inverted.placeholder {
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
 }
@@ -42656,11 +41947,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
             Variations
 *******************************/
-
 /* -------------------
         Sizes
 -------------------- */
-
 .ui.placeholder .full.line.line.line::after {
   width: 0;
 }
@@ -42688,7 +41977,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
             Fluid
     -------------------- */
-
 .ui.fluid.placeholder {
   max-width: none;
 }
@@ -42698,18 +41986,11 @@ ol.ui.suffixed.list li::before,
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Rail
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Rails
 *******************************/
-
 .ui.rail {
   position: absolute;
   top: 0;
@@ -42734,11 +42015,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
            Variations
 *******************************/
-
 /* --------------
          Internal
     --------------- */
-
 .ui.left.internal.rail {
   left: 0;
   right: auto;
@@ -42756,7 +42035,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Dividing
     --------------- */
-
 .ui.dividing.rail {
   width: 302.5px;
 }
@@ -42776,7 +42054,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Distance
     --------------- */
-
 .ui.close.rail {
   width: calc(300px + 1em);
 }
@@ -42808,7 +42085,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Attached
     --------------- */
-
 .ui.attached.left.rail,
 .ui.attached.right.rail {
   padding: 0;
@@ -42818,7 +42094,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
      Sizing
 --------------- */
-
 .ui.rail {
   font-size: 1rem;
 }
@@ -42854,24 +42129,16 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Reveal
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Reveal
 *******************************/
-
 .ui.reveal {
   display: inherit;
   position: relative !important;
@@ -42892,7 +42159,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Make sure hovered element is on top of other reveal */
-
 .ui.active.reveal .visible.content,
 .ui.reveal:hover .visible.content {
   z-index: 4 !important;
@@ -42901,11 +42167,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
               Types
 *******************************/
-
 /* --------------
           Slide
     --------------- */
-
 .ui.slide.reveal {
   position: relative !important;
   overflow: hidden !important;
@@ -42991,7 +42255,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
           Fade
     --------------- */
-
 .ui.fade.reveal>.visible.content {
   opacity: 1;
 }
@@ -43004,7 +42267,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
           Move
     --------------- */
-
 .ui.move.reveal {
   position: relative !important;
   overflow: hidden !important;
@@ -43052,7 +42314,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
          Rotate
     --------------- */
-
 .ui.rotate.reveal>.visible.content {
   transition-duration: 0.5s;
   transform: rotate(0);
@@ -43082,7 +42343,6 @@ ol.ui.suffixed.list li::before,
 /*******************************
               States
 *******************************/
-
 .ui.disabled.reveal:hover>.visible.visible.content {
   position: static !important;
   display: block !important;
@@ -43101,7 +42361,6 @@ ol.ui.suffixed.list li::before,
 /*******************************
            Coupling
 *******************************/
-
 .ui.reveal>.ui.ribbon.label {
   z-index: 5;
 }
@@ -43109,11 +42368,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
            Variations
 *******************************/
-
 /* --------------
      Visible
 --------------- */
-
 .ui.visible.reveal {
   overflow: visible;
 }
@@ -43121,7 +42378,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
      Instant
 --------------- */
-
 .ui.instant.reveal>.content {
   transition-delay: 0s !important;
 }
@@ -43129,7 +42385,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
      Sizing
 --------------- */
-
 .ui.reveal>.content {
   font-size: 1rem;
 }
@@ -43165,24 +42420,16 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Segment
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Segment
 *******************************/
-
 .ui.segment {
   position: relative;
   background: #fff;
@@ -43202,7 +42449,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Vertical */
-
 .ui.vertical.segment {
   margin: 0;
   padding-left: 0;
@@ -43221,9 +42467,7 @@ ol.ui.suffixed.list li::before,
 /* -------------------
     Loose Coupling
 -------------------- */
-
 /* Header */
-
 .ui.inverted.segments .segment>.ui.header .sub.header,
 .ui.inverted.segments .segment>.ui.header,
 .ui.inverted.segment>.ui.header .sub.header,
@@ -43232,7 +42476,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Label */
-
 .ui[class*="bottom attached"].segment>[class*="top attached"].label {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -43254,7 +42497,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Grid */
-
 .ui.page.grid.segment,
 .ui.grid>.row>.ui.segment.column,
 .ui.grid>.ui.segment.column {
@@ -43268,7 +42510,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Table */
-
 .ui.basic.table.segment {
   background: #fff;
   border: 1px solid rgba(34, 36, 38, 0.15);
@@ -43280,7 +42521,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Tab */
-
 .ui.segment.tab:last-child {
   margin-bottom: 1rem;
 }
@@ -43288,11 +42528,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
              Types
 *******************************/
-
 /* -------------------
          Placeholder
     -------------------- */
-
 .ui.placeholder.segment {
   display: flex;
   flex-direction: column;
@@ -43356,7 +42594,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
             Piled
     -------------------- */
-
 .ui.piled.segments,
 .ui.piled.segment {
   margin: 3em 0;
@@ -43412,7 +42649,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Piled Attached */
-
 .ui[class*="top attached"].piled.segment {
   margin-top: 3em;
   margin-bottom: 0;
@@ -43441,7 +42677,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Stacked
     -------------------- */
-
 .ui.stacked.segment {
   padding-bottom: 1.4em;
 }
@@ -43467,7 +42702,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Add additional page */
-
 .ui.tall.stacked.segments::before,
 .ui.tall.stacked.segment::before {
   display: block;
@@ -43475,7 +42709,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Inverted */
-
 .ui.stacked.inverted.segments,
 .ui.stacked.inverted.segment {
   border: 1px solid rgba(225, 225, 225, 0.5);
@@ -43492,7 +42725,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Padded
     -------------------- */
-
 .ui.padded.segment {
   padding: 1.5em;
 }
@@ -43502,7 +42734,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Padded vertical */
-
 .ui.padded.segment.vertical.segment,
 .ui[class*="very padded"].vertical.segment {
   padding-left: 0;
@@ -43512,13 +42743,11 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Compact
     -------------------- */
-
 .ui.compact.segment {
   display: table;
 }
 
 /* Compact Group */
-
 .ui.compact.segments {
   display: inline-flex;
 }
@@ -43532,7 +42761,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Circular
     -------------------- */
-
 .ui.circular.segment {
   display: table-cell;
   padding: 2em;
@@ -43544,7 +42772,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Raised
     -------------------- */
-
 .ui.ui.raised.segments,
 .ui.ui.raised.segment {
   box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
@@ -43558,9 +42785,7 @@ ol.ui.suffixed.list li::before,
 /*******************************
                 Groups
     *******************************/
-
 /* Group */
-
 .ui.segments {
   flex-direction: column;
   position: relative;
@@ -43579,7 +42804,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Nested Segment */
-
 .ui.segments>.segment {
   top: 0;
   bottom: 0;
@@ -43601,7 +42825,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Bottom */
-
 .ui.segments:not(.horizontal)>.segment:last-child {
   top: 0;
   bottom: 0;
@@ -43612,13 +42835,11 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Only */
-
 .ui.segments:not(.horizontal)>.segment:only-child {
   border-radius: 0.28571429rem;
 }
 
 /* Nested Group */
-
 .ui.segments>.ui.segments {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
   margin: 1rem;
@@ -43633,7 +42854,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Horizontal Group */
-
 .ui.horizontal.segments {
   display: flex;
   flex-direction: row;
@@ -43651,7 +42871,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Nested Horizontal Group */
-
 .ui.segments>.horizontal.segments {
   margin: 0;
   background-color: transparent;
@@ -43662,7 +42881,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Horizontal Segment */
-
 .ui.horizontal.segments:not(.compact)>.segment:not(.compact) {
   flex: 1 1 auto;
   -ms-flex: 1 1 0;
@@ -43678,7 +42896,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Border Fixes */
-
 .ui.segments>.horizontal.segments:first-child {
   border-top: none;
 }
@@ -43696,7 +42913,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Equal Width */
-
 .ui[class*="equal width"].horizontal.segments>.segment {
   width: 100%;
 }
@@ -43704,11 +42920,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
             States
 *******************************/
-
 /* --------------
         Disabled
     --------------- */
-
 .ui.disabled.segments,
 .ui.disabled.segment {
   opacity: 0.45;
@@ -43722,7 +42936,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Loading
     --------------- */
-
 .ui.loading.segments,
 .ui.loading.segment {
   position: relative;
@@ -43768,11 +42981,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
            Basic
     -------------------- */
-
 .ui.basic.segment,
 .ui.segments .ui.basic.segment,
 .ui.basic.segments {
@@ -43785,7 +42996,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Clearing
     -------------------- */
-
 .ui.clearing.segment::after {
   content: "";
   display: block;
@@ -43795,7 +43005,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
        Colors
 -------------------- */
-
 .ui.ui.ui.ui.ui.red.segment:not(.inverted) {
   border-top: 2px solid #db2828;
 }
@@ -43968,7 +43177,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Aligned
     -------------------- */
-
 .ui[class*="left aligned"].segment {
   text-align: left;
 }
@@ -43984,7 +43192,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
            Floated
     -------------------- */
-
 .ui.floated.segment,
 .ui[class*="left floated"].segment {
   float: left;
@@ -43999,7 +43206,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
           Inverted
     -------------------- */
-
 .ui.inverted.segments,
 .ui.inverted.segments .segment,
 .ui.inverted.segment {
@@ -44015,7 +43221,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Nested */
-
 .ui.inverted.segment .segment {
   color: rgba(0, 0, 0, 0.87);
 }
@@ -44025,13 +43230,11 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Attached */
-
 .ui.ui.inverted.attached.segment {
   border-color: #555;
 }
 
 /* Loading */
-
 .ui.inverted.loading.segments,
 .ui.inverted.loading.segment {
   color: #fff;
@@ -44045,9 +43248,7 @@ ol.ui.suffixed.list li::before,
 /* -------------------
      Emphasis
 -------------------- */
-
 /* Secondary */
-
 .ui.secondary.segment {
   background: #f3f4f5;
   color: rgba(0, 0, 0, 0.6);
@@ -44059,7 +43260,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Tertiary */
-
 .ui.tertiary.segment {
   background: #dcddde;
   color: rgba(0, 0, 0, 0.6);
@@ -44073,9 +43273,7 @@ ol.ui.suffixed.list li::before,
 /* -------------------
           Attached
     -------------------- */
-
 /* Middle */
-
 .ui.attached.segment {
   top: 0;
   bottom: 0;
@@ -44095,7 +43293,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Top */
-
 .ui.segment[class*="top attached"] {
   bottom: 0;
   margin-bottom: 0;
@@ -44113,7 +43310,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Bottom */
-
 .ui.segment[class*="bottom attached"] {
   bottom: 0;
   margin-top: 0;
@@ -44163,7 +43359,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
          Fitted
     --------------- */
-
 .ui.fitted.segment:not(.horizontally) {
   padding-top: 0;
   padding-bottom: 0;
@@ -44177,7 +43372,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
       Scrolling
     --------------- */
-
 .ui.scrolling.segment {
   overflow: auto;
   -ms-scroll-chaining: none;
@@ -44360,7 +43554,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
         Size
 -------------------- */
-
 .ui.segments .segment,
 .ui.segment {
   font-size: 1rem;
@@ -44404,24 +43597,16 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Step
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Plural
 *******************************/
-
 .ui.steps {
   display: inline-flex;
   flex-direction: row;
@@ -44439,13 +43624,11 @@ ol.ui.suffixed.list li::before,
 }
 
 /* First Steps */
-
 .ui.steps:first-child {
   margin-top: 0;
 }
 
 /* Last Steps */
-
 .ui.steps:last-child {
   margin-bottom: 0;
 }
@@ -44453,7 +43636,6 @@ ol.ui.suffixed.list li::before,
 /*******************************
            Singular
 *******************************/
-
 .ui.steps .step {
   position: relative;
   display: flex;
@@ -44474,7 +43656,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Arrow */
-
 .ui.steps .step::after {
   display: none;
   position: absolute;
@@ -44493,14 +43674,12 @@ ol.ui.suffixed.list li::before,
 }
 
 /* First Step */
-
 .ui.steps .step:first-child {
   padding-left: 2em;
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 
 /* Last Step */
-
 .ui.steps .step:last-child {
   border-radius: 0 0.28571429rem 0.28571429rem 0;
   border-right: none;
@@ -44508,7 +43687,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Only Step */
-
 .ui.steps .step:only-child {
   border-radius: 0.28571429rem;
 }
@@ -44516,9 +43694,7 @@ ol.ui.suffixed.list li::before,
 /*******************************
             Content
 *******************************/
-
 /* Title */
-
 .ui.steps .step .title {
   font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1.14285714em;
@@ -44530,7 +43706,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Description */
-
 .ui.steps .step .description {
   font-weight: normal;
   font-size: 0.92857143em;
@@ -44546,7 +43721,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Icon */
-
 .ui.steps .step>i.icon {
   line-height: 1;
   font-size: 2.5em;
@@ -44561,13 +43735,11 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Horizontal Icon */
-
 .ui.steps:not(.vertical) .step>i.icon {
   width: auto;
 }
 
 /* Link */
-
 .ui.steps .link.step,
 .ui.steps a.step {
   cursor: pointer;
@@ -44576,11 +43748,9 @@ ol.ui.suffixed.list li::before,
 /*******************************
             Types
 *******************************/
-
 /* --------------
          Ordered
     --------------- */
-
 .ui.ordered.steps {
   counter-reset: ordered;
 }
@@ -44606,7 +43776,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Vertical
     --------------- */
-
 .ui.vertical.steps {
   display: inline-flex;
   flex-direction: column;
@@ -44636,7 +43805,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Arrow */
-
 .ui.vertical.steps .step::after {
   top: 50%;
   right: 0;
@@ -44666,9 +43834,7 @@ ol.ui.suffixed.list li::before,
 /* ---------------
     Responsive
 ---------------- */
-
 /* Mobile (Default) */
-
 @media only screen and (max-width: 767.98px) {
   .ui.steps:not(.unstackable) {
     display: inline-flex;
@@ -44696,7 +43862,6 @@ ol.ui.suffixed.list li::before,
   }
 
   /* Arrow */
-
   .ui.steps:not(.unstackable) .step::after {
     top: unset;
     bottom: -1.14285714em;
@@ -44709,13 +43874,11 @@ ol.ui.suffixed.list li::before,
   }
 
   /* Content */
-
   .ui.steps:not(.unstackable) .step .content {
     text-align: center;
   }
 
   /* Icon */
-
   .ui.steps:not(.unstackable) .step>i.icon,
   .ui.ordered.steps:not(.unstackable) .step::before {
     margin: 0 0 1rem 0;
@@ -44725,9 +43888,7 @@ ol.ui.suffixed.list li::before,
 /*******************************
              States
 *******************************/
-
 /* Link Hover */
-
 .ui.steps .link.step:hover::after,
 .ui.steps .link.step:hover,
 .ui.steps a.step:hover::after,
@@ -44737,7 +43898,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Link Down */
-
 .ui.steps .link.step:active::after,
 .ui.steps .link.step:active,
 .ui.steps a.step:active::after,
@@ -44747,7 +43907,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Active */
-
 .ui.steps .step.active {
   cursor: auto;
   background: #f3f4f5;
@@ -44767,7 +43926,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Active Arrow */
-
 .ui.steps .step::after {
   display: block;
 }
@@ -44785,7 +43943,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Active Hover */
-
 .ui.steps .link.active.step:hover::after,
 .ui.steps .link.active.step:hover,
 .ui.steps a.active.step:hover::after,
@@ -44796,14 +43953,12 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Completed */
-
 .ui.steps .step.completed>i.icon::before,
 .ui.ordered.steps .step.completed::before {
   color: #21ba45;
 }
 
 /* Disabled */
-
 .ui.steps .disabled.step {
   cursor: auto;
   background: #fff;
@@ -44823,13 +43978,10 @@ ol.ui.suffixed.list li::before,
 /*******************************
            Variations
 *******************************/
-
 /* --------------
        Stackable
     --------------- */
-
 /* Tablet Or Below */
-
 @media only screen and (max-width: 991.98px) {
   .ui[class*="tablet stackable"].steps {
     display: inline-flex;
@@ -44838,7 +43990,6 @@ ol.ui.suffixed.list li::before,
   }
 
   /* Steps */
-
   .ui[class*="tablet stackable"].steps .step {
     flex-direction: column;
     border-radius: 0;
@@ -44858,7 +44009,6 @@ ol.ui.suffixed.list li::before,
   }
 
   /* Arrow */
-
   .ui[class*="tablet stackable"].steps .step::after {
     top: unset;
     bottom: -1.14285714em;
@@ -44867,13 +44017,11 @@ ol.ui.suffixed.list li::before,
   }
 
   /* Content */
-
   .ui[class*="tablet stackable"].steps .step .content {
     text-align: center;
   }
 
   /* Icon */
-
   .ui[class*="tablet stackable"].steps .step>i.icon,
   .ui[class*="tablet stackable"].ordered.steps .step::before {
     margin: 0 0 1rem 0;
@@ -44883,9 +44031,7 @@ ol.ui.suffixed.list li::before,
 /* --------------
           Fluid
     --------------- */
-
 /* Fluid */
-
 .ui.fluid.steps {
   display: flex;
   width: 100%;
@@ -44894,9 +44040,7 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Attached
     --------------- */
-
 /* Top */
-
 .ui.attached.steps {
   width: calc(100% + 2px) !important;
   margin: 0 -1px 0;
@@ -44913,7 +44057,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Bottom */
-
 .ui.bottom.attached.steps {
   margin: 0 -1px 0;
   border-radius: 0 0 0.28571429rem 0.28571429rem;
@@ -44930,7 +44073,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
         Evenly Divided
     -------------------- */
-
 .ui.one.steps,
 .ui.two.steps,
 .ui.three.steps,
@@ -44988,7 +44130,6 @@ ol.ui.suffixed.list li::before,
 /* -------------------
        Sizes
 -------------------- */
-
 .ui.steps .step,
 .ui.step {
   font-size: 1rem;
@@ -45032,7 +44173,6 @@ ol.ui.suffixed.list li::before,
 /* --------------
         Inverted
     --------------- */
-
 .ui.inverted.steps {
   border: 1px solid #555;
 }
@@ -45053,7 +44193,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Active */
-
 .ui.inverted.steps .step.active,
 .ui.inverted.steps .step.active::after {
   background: #333;
@@ -45065,7 +44204,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Disabled */
-
 .ui.inverted.steps .disabled.step,
 .ui.inverted.steps .disabled.step::after {
   background: #222;
@@ -45078,7 +44216,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Link Hover */
-
 .ui.inverted.steps .link.step:hover::after,
 .ui.inverted.steps .link.step:hover,
 .ui.inverted.steps a.step:hover::after,
@@ -45088,7 +44225,6 @@ ol.ui.suffixed.list li::before,
 }
 
 /* Link Down */
-
 .ui.inverted.steps .link.step:active::after,
 .ui.inverted.steps .link.step:active,
 .ui.inverted.steps a.step:active::after,
@@ -45100,7 +44236,6 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Theme Overrides
 *******************************/
-
 @font-face {
   font-family: Step;
   src: url("data:application/font-woff;base64,d09GRgABAAAAAAqgABAAAAAAEXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAKhAAAABwAAAAcjOLzxEdERUYAAApoAAAAHAAAACAAJwAYT1MvMgAAAeQAAABEAAAAVj4wSUZjbWFwAAACPAAAAEYAAAFO0BkDx2N2dCAAAAfYAAAAFAAAABwGSf+UZnBnbQAAAoQAAAT5AAAJkYoKeDtnYXNwAAAKYAAAAAgAAAAIAAAAEGdseWYAAAf4AAAAuAAAALj5yjT+aGVhZAAAAWwAAAA1AAAANhGASlVoaGVhAAABpAAAACAAAAAkB3wDa2htdHgAAAIoAAAAFAAAABQMwgBDbG9jYQAAB+wAAAAMAAAADAA4AFxtYXhwAAABxAAAACAAAAAgAKgAR25hbWUAAAiwAAABgQAAAuggq9iKcG9zdAAACjQAAAAqAAAAPa7AQJpwcmVwAAAHgAAAAFYAAABWkqGa/3icY2BkYGAAYin+m+nx/DZfGeRZGEDgvOmMXhB9PyH33/+//9cz72KWA3I5GJhAogBAsAyTAAAAeJxjYGRgYE77n8YQw8Lw/+///8y7GIAiKIAVAKglBu0AAQAAAAUAFgABAAAAAAACAAYAEwBuAAAALQAcAAAAAHicY2BkPs84gYGVgYOpk+ksAwNDP4RmfMNgxMjBwMDEwMrMgBUEpLmmMDi8YHjByJz2P40hhlmOIRAozAiSAwAYDgv0BAAAAAAAAAABVAAABAAARgNt//14nN2MwQ3AIAwDzxQxBSMwCPtPwRbUCf10BSwlJ0u2gYdzHRGadkpfGWYzRYGlvSOwOMxUzba/Gt+A6XQ0fhLX6wWAUwawAAB4nJ1V2XbTVhSVPGRwEjpkoKAO19w4UOvKhCkYMGkqxXYhHRwIrQQdpAx05J3HPutrjkK7Vh/5tO59PSS0dK22LJbPvkdbZ9g650YcIyp9Gohr1KGSlwOprD2WSvdJXNd1L4+VDAZxXbYST0mbqJ0kSmrd7FAu8VjrKlknWCfj5SBWT1WeZ6AM4hQeZUlEG0QbqZcmSeKJ4yeJFmcQHyVJICWjEKfSyFBCNRrEUtWhTOnQq9cTcdNAykajHnVYVPdDxSfHNafUrANGKlc5whXr1Ua+G6cDL3uQxDrBs62HMR54rH6UKpCKkenIP3ZKTpSGgVRx1KFW4ugwk1/3kUwqzUCmjGJFpe6BuN39dNsWMT10Or4uSpVGqrq5ziia7dHxqIMoD9nG6aTc0Nn28OUZU1SrXXGz7UBmDVxKyWx0n0QAHSZS4+kBTjWcAqkZ9UfF2efPARLJXJSqPFUyh3oDmTM7e3Ex7W4nq7JwpJ8HMm92duOdh0OnV4d/0foXTOHMR4/iYn4+QvpQan4iTiSlRljM8qeGH3FXIEK5MYgLF8rgU4Q5dEXa2WZd47Ux9obP+UqpYT0J2uij+H4K/U4kKxxnUaP1SJzNY9d1rdxnUEu1uxc7Mq9DlSLu7wsLrjPnhGGeFgtVX5753gU0/waIZ/xA3jSFS/uWKUq0b5uiTLtoigrtElSlXTbFFO2KKaZpz5pihvYdU8zSnjMy4//L3OeR+xze8ZCb9l3kpn0PuWnfR27aD5CbViE3bR25aS8gN61GbtpVozp2BBoGaRdSFUHQNLL6YdxWm/VA1ow0fGlg8i5iyPrqREedtbXKH8V/deILB3Jpoqe7Iheb4i6v2xY+PN3uq4+aRt2w1fjGkfIwHkZ6HJrQWfnN4b/tTd0umu4yqjLoARVMCsAAZe1AAtM62wmk9Zqn+PIHYFyGeM5KQ7VUnzuGpu/leV/3sTnxvsftxi63XHd5CVnWDXJj9vDfUmSq6x/lLa1UJ0esKyePVWsYQyq8KLq+kpR7tLUbvyipsvJelNbK55OQmz2DG0Jbtu5hsCNMacolHl5TpSg91FKOskMsbynKPOCUiwtahsS4DnUPamvE6aF6GBsLIYahtL0QcEgpXRXftMp38R6ra9jo+MUV4el6chIRn+Iq+1HwVNdG/egO2rxm3TKDKVWqp/uMT7Gv2/ZRWWmkjrMXt1QH1zTrGjkV00/ka+B0bzho3QM9VHw0QSNVNcfoxihjNJY15d8EdDFWfsNo1WL7PdxPnaRVrLlLmOybE/fgtLv9Kvu1nFtG1v3XBr1t5IqfIzG/LQr8Owdit2QN1DuTgRgLyFnQGMYWJncYroNtxG32Pyan/9+GhUVyVzsau3nqw9WTUSV32fK4y012WdejNkfVThr7CI0tDzfm2OFyLLbEYEG2/sH/Me4Bd2lRAuDQyGWYiNp0oZ7q4eoeq7FtOFcSAXbNseN0AHoALkHfHLvW8wmA9dwj5y7AfXIIdsgh+JQcgs/IuQXwOTkEX5BDMCCHYJecOwAPyCF4SA7BHjkEj8jZBPiSHIKvyCGIySFIyLkN8JgcgifkEHxNDsE3Rq5OZP6WB9kA+s6im0CpnRoc2jhkRq5N2Ps8WPaBRWQfWkTqkZHrE+pTHiz1e4tI/cEiUn80cmNC/YkHS/3ZIlJ/sYjUZ8aXmSMprw6e844O/gSX6q1eAAAAS7gAyFJYsQEBjlm5CAAIAGMgsAEjRLADI3CyBCgJRVJEsgoCByqxBgFEsSQBiFFYsECIWLEGA0SxJgGIUVi4BACIWLEGAURZWVlZuAH/hbAEjbEFAEQAAHicY2BAA0YMRszc/zeCMAAQtAPhAAAAAAAAAAAAOABcAAEARgABA7oCqAAVABxAGQ8BAAEBQgACAQJqAAEAAWoAAABhFBcUAxIrARQHAQYiJwEmND8BNjIfAQE2Mh8BFgO6D/4UEC0Q/uMPD04QLRGoAXYQLhBODwIjFxD+FA8PAR0QLRFOEBCpAXgQEE4QAAAB//3/rwN0Ax4ADAASQA8AAQEKQwAAAAsARBUTAhErARQOASIuAj4BMh4BA251y+3NcQZ9wPq/gQFmeMh3d8nvyXd3yQAAAHicfZHLSsNAFIb/6UVrCyIKrg8IYhHSC7pxVSlUcOmi+7SmSUqaCZOp0NfxGdz6CLpz69atK9f+SUfBgk3I5Dv/ucyZMwAO8Q6F9XOJxLFCA0+OK9jFi+Mq9Q/HNTRUxXEdLXXieIf6teMmztWj4xaO1BcrqNoerXlZrWCFAzw6rmAfz46r1N8c18ifjus4Vi3HOzhQHcdNjNWt4xZO1SuG0MiwgkGMEBEsBGdU2/z30UUPF6QJI4SR66gYKXzOQbgumRGVnpz2gN+MVko1YERC9jDlugCGOluZOIysnA3b0u/2LmSyEk0pTv1E/KWNtMllIDOd2iBJtDfVTNushx83cEcxZAsJGzE0g3CZ+GZryhbXmGJxjLgMER7d4wAwDkwe61R6Xndr+g3FtCzhlwH3v3PL8cA2+1QtCxQTMuVEBKONcsK7KHxzKlPqHssGaWB8G9wXw8ofwr61M5kZvZCR21oyo+fB1DI4KvfIcIUO339vIrI2u+p0/sz5GyLHh70AAAB4nGNgYoAALgbsgBWIGRmYGJkYmTmTM1KTs3MTi7LZkjOLknNSATkPBkYAAAABAAH//wAPeJxjYGRgYOABYgEGCQYmIM0CxCCaEYIBBW0AQAAAAAEAAAAA3kztOAAAAADPNZiNAAAAAN9gbf4=") format("woff");
@@ -45118,18 +44253,11 @@ ol.ui.suffixed.list li::before,
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Text
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Text
 *******************************/
-
 span.ui.text {
   line-height: 1;
 }
@@ -45275,7 +44403,6 @@ span.ui.disabled.text {
 }
 
 /* Sizes */
-
 span.ui.medium.text {
   font-size: 1em;
 }
@@ -45313,18 +44440,11 @@ span.ui.massive.text {
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Breadcrumb
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
            Breadcrumb
 *******************************/
-
 .ui.breadcrumb {
   line-height: 1.4285em;
   display: inline-block;
@@ -45343,9 +44463,7 @@ span.ui.massive.text {
 /*******************************
           Content
 *******************************/
-
 /* Divider */
-
 .ui.breadcrumb .divider {
   display: inline-block;
   opacity: 0.7;
@@ -45356,7 +44474,6 @@ span.ui.massive.text {
 }
 
 /* Link */
-
 .ui.breadcrumb a {
   color: #4183c4;
 }
@@ -45366,14 +44483,12 @@ span.ui.massive.text {
 }
 
 /* Icon Divider */
-
 .ui.breadcrumb .icon.divider {
   font-size: 0.85714286em;
   vertical-align: baseline;
 }
 
 /* Section */
-
 .ui.breadcrumb a.section {
   cursor: pointer;
 }
@@ -45385,14 +44500,12 @@ span.ui.massive.text {
 }
 
 /* Loose Coupling */
-
 .ui.breadcrumb.segment {
   display: inline-block;
   padding: 0.78571429em 1em;
 }
 
 /* Inverted */
-
 .ui.inverted.breadcrumb {
   color: #dcddde;
 }
@@ -45408,7 +44521,6 @@ span.ui.massive.text {
 /*******************************
             States
 *******************************/
-
 .ui.breadcrumb .active.section {
   font-weight: bold;
 }
@@ -45416,7 +44528,6 @@ span.ui.massive.text {
 /*******************************
            Variations
 *******************************/
-
 .ui.breadcrumb {
   font-size: 1rem;
 }
@@ -45452,28 +44563,19 @@ span.ui.massive.text {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Form
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Elements
 *******************************/
-
 /* --------------------
         Form
 --------------------- */
-
 .ui.form {
   position: relative;
   max-width: 100%;
@@ -45482,7 +44584,6 @@ span.ui.massive.text {
 /* --------------------
         Content
 --------------------- */
-
 .ui.form>p {
   margin: 1em 0;
 }
@@ -45490,7 +44591,6 @@ span.ui.massive.text {
 /* --------------------
         Field
 --------------------- */
-
 .ui.form .field {
   clear: both;
   margin: 0 0 1em;
@@ -45510,7 +44610,6 @@ span.ui.massive.text {
 /* --------------------
         Labels
 --------------------- */
-
 .ui.form .field>label {
   display: block;
   margin: 0 0 0.28571429rem 0;
@@ -45526,7 +44625,6 @@ span.ui.massive.text {
 /* --------------------
     Standard Inputs
 --------------------- */
-
 .ui.form textarea,
 .ui.form input:not([type]),
 .ui.form input[type="color"],
@@ -45548,7 +44646,6 @@ span.ui.massive.text {
 }
 
 /* Set max height on unusual input */
-
 .ui.form ::-webkit-datetime-edit,
 .ui.form ::-webkit-inner-spin-button {
   height: 1.21428571em;
@@ -45598,7 +44695,6 @@ span.ui.massive.text {
 }
 
 /* Text Area */
-
 .ui.input textarea,
 .ui.form textarea {
   margin: 0;
@@ -45632,7 +44728,6 @@ span.ui.massive.text {
 /* --------------------
     Checkbox margin
 --------------------- */
-
 .ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label+.ui.ui.checkbox {
   margin-top: 0.7em;
 }
@@ -45664,7 +44759,6 @@ span.ui.massive.text {
 /* --------------------
           Transparent
     --------------------- */
-
 .ui.form .field .transparent.input:not(.icon) input,
 .ui.form .field input.transparent,
 .ui.form .field textarea.transparent {
@@ -45681,7 +44775,6 @@ span.ui.massive.text {
 /* --------------------------
   Input w/ attached Button
 --------------------------- */
-
 .ui.form input.attached {
   width: auto;
 }
@@ -45689,7 +44782,6 @@ span.ui.massive.text {
 /* --------------------
      Basic Select
 --------------------- */
-
 .ui.form select {
   display: block;
   height: auto;
@@ -45706,9 +44798,7 @@ span.ui.massive.text {
 /* --------------------
        Dropdown
 --------------------- */
-
 /* Block */
-
 .ui.form .field>.selection.dropdown:not(.compact) {
   min-width: auto;
   width: 100%;
@@ -45719,7 +44809,6 @@ span.ui.massive.text {
 }
 
 /* Inline */
-
 .ui.form .inline.fields .field>.selection.dropdown,
 .ui.form .inline.field>.selection.dropdown {
   width: auto;
@@ -45733,9 +44822,7 @@ span.ui.massive.text {
 /* --------------------
        UI Input
 --------------------- */
-
 /* Block */
-
 .ui.form .field .ui.input,
 .ui.form .fields .field .ui.input,
 .ui.form .wide.field .ui.input {
@@ -45743,7 +44830,6 @@ span.ui.massive.text {
 }
 
 /* Inline */
-
 .ui.form .inline.fields .field:not(.wide) .ui.input,
 .ui.form .inline.field:not(.wide) .ui.input {
   width: auto;
@@ -45751,14 +44837,12 @@ span.ui.massive.text {
 }
 
 /* Auto Input */
-
 .ui.form .fields .field .ui.input input,
 .ui.form .field .ui.input input {
   width: auto;
 }
 
 /* Full Width Input */
-
 .ui.form .ten.fields .ui.input input,
 .ui.form .nine.fields .ui.input input,
 .ui.form .eight.fields .ui.input input,
@@ -45776,7 +44860,6 @@ span.ui.massive.text {
 /* --------------------
    Types of Messages
 --------------------- */
-
 .ui.form .error.message,
 .ui.form .error.message:empty {
   display: none;
@@ -45798,7 +44881,6 @@ span.ui.massive.text {
 }
 
 /* Assumptions */
-
 .ui.form .message:first-child {
   margin-top: 0;
 }
@@ -45806,7 +44888,6 @@ span.ui.massive.text {
 /* --------------------
    Validation Prompt
 --------------------- */
-
 .ui.form .field .prompt.label {
   white-space: normal;
   background: #fff !important;
@@ -45836,18 +44917,15 @@ span.ui.massive.text {
 /*******************************
             States
 *******************************/
-
 /* --------------------
       Autofilled
 --------------------- */
-
 .ui.form .field.field input:-webkit-autofill {
   box-shadow: 0 0 0 100px #fffff0 inset !important;
   border-color: #e5dfa1 !important;
 }
 
 /* Focus */
-
 .ui.form .field.field input:-webkit-autofill:focus {
   box-shadow: 0 0 0 100px #fffff0 inset !important;
   border-color: #d5c315 !important;
@@ -45856,9 +44934,7 @@ span.ui.massive.text {
 /* --------------------
       Placeholder
 --------------------- */
-
 /* browsers require these rules separate */
-
 .ui.form :-ms-input-placeholder {
   color: rgba(191, 191, 191, 0.87);
 }
@@ -45894,7 +44970,6 @@ span.ui.massive.text {
 /* --------------------
         Focus
 --------------------- */
-
 .ui.form input:not([type]):focus,
 .ui.form input[type="color"]:focus,
 .ui.form input[type="date"]:focus,
@@ -45965,7 +45040,6 @@ span.ui.massive.text {
 }
 
 /* Focus */
-
 .ui.form input:focus::-webkit-calendar-picker-indicator {
   opacity: 1;
 }
@@ -45973,9 +45047,7 @@ span.ui.massive.text {
 /* --------------------
             States
     --------------------- */
-
 /* On Form */
-
 .ui.form.error .error.message:not(:empty) {
   display: block;
 }
@@ -45989,7 +45061,6 @@ span.ui.massive.text {
 }
 
 /* On Field(s) */
-
 .ui.form .fields.error .error.message:not(:empty),
 .ui.form .field.error .error.message:not(:empty) {
   display: block;
@@ -46104,7 +45175,6 @@ span.ui.massive.text {
 }
 
 /* Preserve Native Select Stylings */
-
 .ui.form .field.error select {
   -webkit-appearance: menulist-button;
 }
@@ -46112,9 +45182,7 @@ span.ui.massive.text {
 /*------------------
             Input State
         --------------------*/
-
 /* Transparent */
-
 .ui.form .field.error .transparent.input input,
 .ui.form .field.error .transparent.input textarea,
 .ui.form .field.error input.transparent,
@@ -46124,14 +45192,12 @@ span.ui.massive.text {
 }
 
 /* Autofilled */
-
 .ui.form .error.error input:-webkit-autofill {
   box-shadow: 0 0 0 100px #fffaf0 inset !important;
   border-color: #e0b4b4 !important;
 }
 
 /* Placeholder */
-
 .ui.form .error :-ms-input-placeholder {
   color: #e7bdbc;
 }
@@ -46167,7 +45233,6 @@ span.ui.massive.text {
 /*------------------
             Dropdown State
         --------------------*/
-
 .ui.form .fields.error .field .ui.dropdown,
 .ui.form .fields.error .field .ui.dropdown .item,
 .ui.form .field.error .ui.dropdown,
@@ -46199,21 +45264,18 @@ span.ui.massive.text {
 }
 
 /* Hover */
-
 .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
 .ui.form .field.error .ui.dropdown .menu .item:hover {
   background-color: #fbe7e7;
 }
 
 /* Selected */
-
 .ui.form .fields.error .field .ui.dropdown .menu .selected.item,
 .ui.form .field.error .ui.dropdown .menu .selected.item {
   background-color: #fbe7e7;
 }
 
 /* Active */
-
 .ui.form .fields.error .field .ui.dropdown .menu .active.item,
 .ui.form .field.error .ui.dropdown .menu .active.item {
   background-color: #fdcfcf !important;
@@ -46222,7 +45284,6 @@ span.ui.massive.text {
 /*--------------------
             Checkbox State
         ---------------------*/
-
 .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
 .ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
   color: #9f3a38;
@@ -46251,7 +45312,6 @@ span.ui.massive.text {
 }
 
 /* On Form */
-
 .ui.form.info .info.message:not(:empty) {
   display: block;
 }
@@ -46265,7 +45325,6 @@ span.ui.massive.text {
 }
 
 /* On Field(s) */
-
 .ui.form .fields.info .info.message:not(:empty),
 .ui.form .field.info .info.message:not(:empty) {
   display: block;
@@ -46372,7 +45431,6 @@ span.ui.massive.text {
 }
 
 /* Preserve Native Select Stylings */
-
 .ui.form .field.info select {
   -webkit-appearance: menulist-button;
 }
@@ -46380,9 +45438,7 @@ span.ui.massive.text {
 /*------------------
             Input State
         --------------------*/
-
 /* Transparent */
-
 .ui.form .field.info .transparent.input input,
 .ui.form .field.info .transparent.input textarea,
 .ui.form .field.info input.transparent,
@@ -46392,14 +45448,12 @@ span.ui.massive.text {
 }
 
 /* Autofilled */
-
 .ui.form .info.info input:-webkit-autofill {
   box-shadow: 0 0 0 100px #f0faff inset !important;
   border-color: #b3e0e0 !important;
 }
 
 /* Placeholder */
-
 .ui.form .info :-ms-input-placeholder {
   color: #98cfe1;
 }
@@ -46435,7 +45489,6 @@ span.ui.massive.text {
 /*------------------
             Dropdown State
         --------------------*/
-
 .ui.form .fields.info .field .ui.dropdown,
 .ui.form .fields.info .field .ui.dropdown .item,
 .ui.form .field.info .ui.dropdown,
@@ -46467,21 +45520,18 @@ span.ui.massive.text {
 }
 
 /* Hover */
-
 .ui.form .fields.info .field .ui.dropdown .menu .item:hover,
 .ui.form .field.info .ui.dropdown .menu .item:hover {
   background-color: #e9f2fb;
 }
 
 /* Selected */
-
 .ui.form .fields.info .field .ui.dropdown .menu .selected.item,
 .ui.form .field.info .ui.dropdown .menu .selected.item {
   background-color: #e9f2fb;
 }
 
 /* Active */
-
 .ui.form .fields.info .field .ui.dropdown .menu .active.item,
 .ui.form .field.info .ui.dropdown .menu .active.item {
   background-color: #cef1fd !important;
@@ -46490,7 +45540,6 @@ span.ui.massive.text {
 /*--------------------
             Checkbox State
         ---------------------*/
-
 .ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
 .ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
   color: #276f86;
@@ -46519,7 +45568,6 @@ span.ui.massive.text {
 }
 
 /* On Form */
-
 .ui.form.success .success.message:not(:empty) {
   display: block;
 }
@@ -46533,7 +45581,6 @@ span.ui.massive.text {
 }
 
 /* On Field(s) */
-
 .ui.form .fields.success .success.message:not(:empty),
 .ui.form .field.success .success.message:not(:empty) {
   display: block;
@@ -46640,7 +45687,6 @@ span.ui.massive.text {
 }
 
 /* Preserve Native Select Stylings */
-
 .ui.form .field.success select {
   -webkit-appearance: menulist-button;
 }
@@ -46648,9 +45694,7 @@ span.ui.massive.text {
 /*------------------
             Input State
         --------------------*/
-
 /* Transparent */
-
 .ui.form .field.success .transparent.input input,
 .ui.form .field.success .transparent.input textarea,
 .ui.form .field.success input.transparent,
@@ -46660,14 +45704,12 @@ span.ui.massive.text {
 }
 
 /* Autofilled */
-
 .ui.form .success.success input:-webkit-autofill {
   box-shadow: 0 0 0 100px #f0fff0 inset !important;
   border-color: #bee0b3 !important;
 }
 
 /* Placeholder */
-
 .ui.form .success :-ms-input-placeholder {
   color: #8fcf90;
 }
@@ -46703,7 +45745,6 @@ span.ui.massive.text {
 /*------------------
             Dropdown State
         --------------------*/
-
 .ui.form .fields.success .field .ui.dropdown,
 .ui.form .fields.success .field .ui.dropdown .item,
 .ui.form .field.success .ui.dropdown,
@@ -46735,21 +45776,18 @@ span.ui.massive.text {
 }
 
 /* Hover */
-
 .ui.form .fields.success .field .ui.dropdown .menu .item:hover,
 .ui.form .field.success .ui.dropdown .menu .item:hover {
   background-color: #e9fbe9;
 }
 
 /* Selected */
-
 .ui.form .fields.success .field .ui.dropdown .menu .selected.item,
 .ui.form .field.success .ui.dropdown .menu .selected.item {
   background-color: #e9fbe9;
 }
 
 /* Active */
-
 .ui.form .fields.success .field .ui.dropdown .menu .active.item,
 .ui.form .field.success .ui.dropdown .menu .active.item {
   background-color: #dafdce !important;
@@ -46758,7 +45796,6 @@ span.ui.massive.text {
 /*--------------------
             Checkbox State
         ---------------------*/
-
 .ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
 .ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
   color: #2c662d;
@@ -46787,7 +45824,6 @@ span.ui.massive.text {
 }
 
 /* On Form */
-
 .ui.form.warning .warning.message:not(:empty) {
   display: block;
 }
@@ -46801,7 +45837,6 @@ span.ui.massive.text {
 }
 
 /* On Field(s) */
-
 .ui.form .fields.warning .warning.message:not(:empty),
 .ui.form .field.warning .warning.message:not(:empty) {
   display: block;
@@ -46908,7 +45943,6 @@ span.ui.massive.text {
 }
 
 /* Preserve Native Select Stylings */
-
 .ui.form .field.warning select {
   -webkit-appearance: menulist-button;
 }
@@ -46916,9 +45950,7 @@ span.ui.massive.text {
 /*------------------
             Input State
         --------------------*/
-
 /* Transparent */
-
 .ui.form .field.warning .transparent.input input,
 .ui.form .field.warning .transparent.input textarea,
 .ui.form .field.warning input.transparent,
@@ -46928,14 +45960,12 @@ span.ui.massive.text {
 }
 
 /* Autofilled */
-
 .ui.form .warning.warning input:-webkit-autofill {
   box-shadow: 0 0 0 100px #ffffe0 inset !important;
   border-color: #e0e0b3 !important;
 }
 
 /* Placeholder */
-
 .ui.form .warning :-ms-input-placeholder {
   color: #edad3e;
 }
@@ -46971,7 +46001,6 @@ span.ui.massive.text {
 /*------------------
             Dropdown State
         --------------------*/
-
 .ui.form .fields.warning .field .ui.dropdown,
 .ui.form .fields.warning .field .ui.dropdown .item,
 .ui.form .field.warning .ui.dropdown,
@@ -47003,21 +46032,18 @@ span.ui.massive.text {
 }
 
 /* Hover */
-
 .ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
 .ui.form .field.warning .ui.dropdown .menu .item:hover {
   background-color: #fbfbe9;
 }
 
 /* Selected */
-
 .ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
 .ui.form .field.warning .ui.dropdown .menu .selected.item {
   background-color: #fbfbe9;
 }
 
 /* Active */
-
 .ui.form .fields.warning .field .ui.dropdown .menu .active.item,
 .ui.form .field.warning .ui.dropdown .menu .active.item {
   background-color: #fdfdce !important;
@@ -47026,7 +46052,6 @@ span.ui.massive.text {
 /*--------------------
             Checkbox State
         ---------------------*/
-
 .ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
 .ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
   color: #573a08;
@@ -47057,7 +46082,6 @@ span.ui.massive.text {
 /* --------------------
            Disabled
     --------------------- */
-
 .ui.form .disabled.fields .field,
 .ui.form .disabled.field,
 .ui.form .field :disabled {
@@ -47077,7 +46101,6 @@ span.ui.massive.text {
 /* --------------
         Loading
     --------------- */
-
 .ui.loading.form {
   position: relative;
   cursor: default;
@@ -47118,11 +46141,9 @@ span.ui.massive.text {
 /*******************************
          Element Types
 *******************************/
-
 /* --------------------
          Required Field
     --------------------- */
-
 .ui.form .required.fields:not(.grouped):not(.inline)>.field>label::after,
 .ui.form .required.fields.inline>label::after,
 .ui.form .required.fields.grouped>label::after,
@@ -47160,11 +46181,9 @@ span.ui.massive.text {
 /*******************************
            Variations
 *******************************/
-
 /* --------------------
         Inverted Colors
     --------------------- */
-
 .ui.inverted.form label,
 .ui.form .inverted.segment label,
 .ui.form .inverted.segment .ui.checkbox label,
@@ -47186,7 +46205,6 @@ span.ui.massive.text {
 }
 
 /* Inverted Field */
-
 .ui.inverted.form input:not([type]),
 .ui.inverted.form input[type="color"],
 .ui.inverted.form input[type="date"],
@@ -47211,9 +46229,7 @@ span.ui.massive.text {
 /* --------------------
          Field Groups
     --------------------- */
-
 /* Grouped Vertically */
-
 .ui.form .grouped.fields {
   display: block;
   margin: 0 0 1em;
@@ -47245,9 +46261,7 @@ span.ui.massive.text {
 /* --------------------
         Fields
 --------------------- */
-
 /* Split fields */
-
 .ui.form .fields {
   display: flex;
   flex-direction: row;
@@ -47266,7 +46280,6 @@ span.ui.massive.text {
 }
 
 /* Other Combinations */
-
 .ui.form .two.fields>.fields,
 .ui.form .two.fields>.field {
   width: 50%;
@@ -47313,7 +46326,6 @@ span.ui.massive.text {
 }
 
 /* Swap to full width on mobile */
-
 @media only screen and (max-width: 767.98px) {
   .ui.form .fields {
     flex-wrap: wrap;
@@ -47328,7 +46340,6 @@ span.ui.massive.text {
 }
 
 /* Sizing Combinations */
-
 .ui.form .fields .wide.field {
   width: 6.25%;
   padding-left: 0.5em;
@@ -47402,7 +46413,6 @@ span.ui.massive.text {
 /* --------------------
      Equal Width
 --------------------- */
-
 .ui[class*="equal width"].form .fields>.field,
 .ui.form [class*="equal width"].fields>.field {
   width: 100%;
@@ -47412,7 +46422,6 @@ span.ui.massive.text {
 /* --------------------
         Inline Fields
     --------------------- */
-
 .ui.form .inline.fields {
   margin: 0 0 1em;
   align-items: center;
@@ -47424,7 +46433,6 @@ span.ui.massive.text {
 }
 
 /* Inline Label */
-
 .ui.form .inline.fields>label,
 .ui.form .inline.fields .field>label,
 .ui.form .inline.fields .field>p,
@@ -47442,13 +46450,11 @@ span.ui.massive.text {
 }
 
 /* Grouped Inline Label */
-
 .ui.form .inline.fields>label {
   margin: 0.03571em 1em 0 0;
 }
 
 /* Inline Input */
-
 .ui.form .inline.fields .field>input,
 .ui.form .inline.fields .field>select,
 .ui.form .inline.field>input,
@@ -47472,7 +46478,6 @@ span.ui.massive.text {
 }
 
 /* Label */
-
 .ui.form .inline.fields .field> :first-child,
 .ui.form .inline.field> :first-child {
   margin: 0 0.85714286em 0 0;
@@ -47484,7 +46489,6 @@ span.ui.massive.text {
 }
 
 /* Wide */
-
 .ui.form .inline.fields .wide.field {
   display: flex;
   align-items: center;
@@ -47498,7 +46502,6 @@ span.ui.massive.text {
 /* --------------------
         Sizes
 --------------------- */
-
 .ui.form,
 .ui.form .field .dropdown,
 .ui.form .field .dropdown .menu>.item {
@@ -47550,24 +46553,16 @@ span.ui.massive.text {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Grid
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Standard
 *******************************/
-
 .ui.grid {
   display: flex;
   flex-flow: row wrap;
@@ -47578,7 +46573,6 @@ span.ui.massive.text {
 /* ----------------------
       Remove Gutters
 ----------------------- */
-
 .ui.grid {
   margin: -1rem -1rem;
 }
@@ -47594,7 +46588,6 @@ span.ui.massive.text {
 }
 
 /* Preserve Rows Spacing on Consecutive Grids */
-
 .ui.grid+.grid {
   margin-top: 1rem;
 }
@@ -47602,9 +46595,7 @@ span.ui.massive.text {
 /* -------------------
        Columns
 -------------------- */
-
 /* Standard 16 column */
-
 .ui.grid>.column:not(.row),
 .ui.grid>.row>.column {
   position: relative;
@@ -47623,7 +46614,6 @@ span.ui.massive.text {
 /* -------------------
         Rows
 -------------------- */
-
 .ui.grid>.row {
   position: relative;
   display: flex;
@@ -47639,9 +46629,7 @@ span.ui.massive.text {
 /* -------------------
        Columns
 -------------------- */
-
 /* Vertical padding when no rows */
-
 .ui.grid>.column:not(.row) {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -47655,7 +46643,6 @@ span.ui.massive.text {
 /* -------------------
       Content
 -------------------- */
-
 .ui.grid>.row>img,
 .ui.grid>.row>.column>img {
   max-width: 100%;
@@ -47664,9 +46651,7 @@ span.ui.massive.text {
 /* -------------------
     Loose Coupling
 -------------------- */
-
 /* Collapse Margin on Consecutive Grid */
-
 .ui.grid>.ui.grid:first-child {
   margin-top: 0;
 }
@@ -47676,14 +46661,12 @@ span.ui.massive.text {
 }
 
 /* Segment inside Aligned Grid */
-
 .ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached),
 .ui.aligned.grid .column>.segment:not(.compact):not(.attached) {
   width: 100%;
 }
 
 /* Align Dividers with Gutter */
-
 .ui.grid .row+.ui.divider {
   flex-grow: 1;
   margin: 1rem 1rem;
@@ -47694,7 +46677,6 @@ span.ui.massive.text {
 }
 
 /* Remove Border on Last Horizontal Segment */
-
 .ui.grid>.row>.column:last-child>.horizontal.segment,
 .ui.grid>.column:last-child>.horizontal.segment {
   box-shadow: none;
@@ -47703,11 +46685,9 @@ span.ui.massive.text {
 /*******************************
            Variations
 *******************************/
-
 /* -----------------------
            Page Grid
     ------------------------- */
-
 @media only screen and (max-width: 767.98px) {
   .ui.page.grid {
     width: auto;
@@ -47761,16 +46741,13 @@ span.ui.massive.text {
 /* -------------------
      Column Count
 -------------------- */
-
 /* Assume full width with one column */
-
 .ui.grid>.column:only-child,
 .ui.grid>.row>.column:only-child {
   width: 100%;
 }
 
 /* Grid Based */
-
 .ui[class*="one column"].grid>.row>.column,
 .ui[class*="one column"].grid>.column:not(.row) {
   width: 100%;
@@ -47852,7 +46829,6 @@ span.ui.massive.text {
 }
 
 /* Row Based Overrides */
-
 .ui.grid>[class*="one column"].row>.column {
   width: 100% !important;
 }
@@ -47918,7 +46894,6 @@ span.ui.massive.text {
 }
 
 /* Celled Page */
-
 .ui.celled.page.grid {
   box-shadow: none;
 }
@@ -47926,9 +46901,7 @@ span.ui.massive.text {
 /* -------------------
         Column Width
     -------------------- */
-
 /* Sizing Combinations */
-
 .ui.grid>.row>[class*="one wide"].column,
 .ui.grid>.column.row>[class*="one wide"].column,
 .ui.grid>[class*="one wide"].column,
@@ -48044,9 +47017,7 @@ span.ui.massive.text {
 /* ----------------------
         Width per Device
     ----------------------- */
-
 /* Mobile Sizing Combinations */
-
 @media only screen and (min-width: 320px) and (max-width: 767.98px) {
 
   .ui.grid>.row>[class*="one wide mobile"].column,
@@ -48163,7 +47134,6 @@ span.ui.massive.text {
 }
 
 /* Tablet Sizing Combinations */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
 
   .ui.grid>.row>[class*="one wide tablet"].column,
@@ -48280,7 +47250,6 @@ span.ui.massive.text {
 }
 
 /* Computer/Desktop Sizing Combinations */
-
 @media only screen and (min-width: 992px) {
 
   .ui.grid>.row>[class*="one wide computer"].column,
@@ -48397,7 +47366,6 @@ span.ui.massive.text {
 }
 
 /* Large Monitor Sizing Combinations */
-
 @media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
 
   .ui.grid>.row>[class*="one wide large screen"].column,
@@ -48514,7 +47482,6 @@ span.ui.massive.text {
 }
 
 /* Widescreen Sizing Combinations */
-
 @media only screen and (min-width: 1920px) {
 
   .ui.grid>.row>[class*="one wide widescreen"].column,
@@ -48633,7 +47600,6 @@ span.ui.massive.text {
 /* ----------------------
             Centered
     ----------------------- */
-
 .ui.centered.grid,
 .ui.centered.grid>.row,
 .ui.grid>.centered.row {
@@ -48657,7 +47623,6 @@ span.ui.massive.text {
 /* ----------------------
             Relaxed
     ----------------------- */
-
 .ui.relaxed.grid>.column:not(.row),
 .ui.relaxed.grid>.row>.column,
 .ui.grid>.relaxed.row>.column {
@@ -48673,7 +47638,6 @@ span.ui.massive.text {
 }
 
 /* Coupling with UI Divider */
-
 .ui.relaxed.grid .row+.ui.divider,
 .ui.grid .relaxed.row+.ui.divider {
   margin-left: 1.5rem;
@@ -48689,7 +47653,6 @@ span.ui.massive.text {
 /* ----------------------
             Padded
     ----------------------- */
-
 .ui.padded.grid:not(.vertically):not(.horizontally) {
   margin: 0;
 }
@@ -48707,7 +47670,6 @@ span.ui.massive.text {
 /* ----------------------
            "Floated"
     ----------------------- */
-
 .ui.grid [class*="left floated"].column {
   margin-right: auto;
 }
@@ -48719,14 +47681,12 @@ span.ui.massive.text {
 /* ----------------------
             Divided
     ----------------------- */
-
 .ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),
 .ui.divided.grid:not([class*="vertically divided"])>.row>.column {
   box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
 }
 
 /* Swap from padding to margin on columns to have dividers align */
-
 .ui[class*="vertically divided"].grid>.column:not(.row),
 .ui[class*="vertically divided"].grid>.row>.column {
   margin-top: 1rem;
@@ -48741,20 +47701,17 @@ span.ui.massive.text {
 }
 
 /* No divider on first column on row */
-
 .ui.divided.grid:not([class*="vertically divided"])>.column:first-child,
 .ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
   box-shadow: none;
 }
 
 /* No space on top of first row */
-
 .ui[class*="vertically divided"].grid>.row:first-child>.column {
   margin-top: 0;
 }
 
 /* Divided Row */
-
 .ui.grid>.divided.row>.column {
   box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
 }
@@ -48764,7 +47721,6 @@ span.ui.massive.text {
 }
 
 /* Vertically Divided */
-
 .ui[class*="vertically divided"].grid>.row {
   position: relative;
 }
@@ -48781,20 +47737,17 @@ span.ui.massive.text {
 }
 
 /* Padded Horizontally Divided */
-
 [class*="horizontally padded"].ui.divided.grid,
 .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
   width: 100%;
 }
 
 /* First Row Vertically Divided */
-
 .ui[class*="vertically divided"].grid>.row:first-child::before {
   box-shadow: none;
 }
 
 /* Inverted Divided */
-
 .ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),
 .ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column {
   box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
@@ -48810,7 +47763,6 @@ span.ui.massive.text {
 }
 
 /* Relaxed */
-
 .ui.relaxed[class*="vertically divided"].grid>.row::before {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
@@ -48826,7 +47778,6 @@ span.ui.massive.text {
 /* ----------------------
              Celled
     ----------------------- */
-
 .ui.celled.grid {
   width: 100%;
   margin: 1em 0;
@@ -48866,7 +47817,6 @@ span.ui.massive.text {
 }
 
 /* Internally Celled */
-
 .ui[class*="internally celled"].grid {
   box-shadow: none;
   margin: 0;
@@ -48883,9 +47833,7 @@ span.ui.massive.text {
 /* ----------------------
        Vertically Aligned
     ----------------------- */
-
 /* Top Aligned */
-
 .ui[class*="top aligned"].grid>.column:not(.row),
 .ui[class*="top aligned"].grid>.row>.column,
 .ui.grid>[class*="top aligned"].row>.column,
@@ -48897,7 +47845,6 @@ span.ui.massive.text {
 }
 
 /* Middle Aligned */
-
 .ui[class*="middle aligned"].grid>.column:not(.row),
 .ui[class*="middle aligned"].grid>.row>.column,
 .ui.grid>[class*="middle aligned"].row>.column,
@@ -48909,7 +47856,6 @@ span.ui.massive.text {
 }
 
 /* Bottom Aligned */
-
 .ui[class*="bottom aligned"].grid>.column:not(.row),
 .ui[class*="bottom aligned"].grid>.row>.column,
 .ui.grid>[class*="bottom aligned"].row>.column,
@@ -48921,7 +47867,6 @@ span.ui.massive.text {
 }
 
 /* Stretched */
-
 .ui.stretched.grid>.row>.column,
 .ui.stretched.grid>.column,
 .ui.grid>.stretched.row>.column,
@@ -48943,9 +47888,7 @@ span.ui.massive.text {
 /* ----------------------
       Horizontally Centered
     ----------------------- */
-
 /* Left Aligned */
-
 .ui[class*="left aligned"].grid>.column,
 .ui[class*="left aligned"].grid>.row>.column,
 .ui.grid>[class*="left aligned"].row>.column,
@@ -48956,7 +47899,6 @@ span.ui.massive.text {
 }
 
 /* Center Aligned */
-
 .ui[class*="center aligned"].grid>.column,
 .ui[class*="center aligned"].grid>.row>.column,
 .ui.grid>[class*="center aligned"].row>.column,
@@ -48971,7 +47913,6 @@ span.ui.massive.text {
 }
 
 /* Right Aligned */
-
 .ui[class*="right aligned"].grid>.column,
 .ui[class*="right aligned"].grid>.row>.column,
 .ui.grid>[class*="right aligned"].row>.column,
@@ -48982,7 +47923,6 @@ span.ui.massive.text {
 }
 
 /* Justified */
-
 .ui.justified.grid>.column,
 .ui.justified.grid>.row>.column,
 .ui.grid>.justified.row>.column,
@@ -48997,7 +47937,6 @@ span.ui.massive.text {
 /* ----------------------
          Colored
 ----------------------- */
-
 .ui.grid>.primary.row,
 .ui.grid>.primary.column,
 .ui.grid>.row>.primary.column {
@@ -49106,7 +48045,6 @@ span.ui.massive.text {
 /* ----------------------
           Equal Width
     ----------------------- */
-
 .ui[class*="equal width"].grid>.column:not(.row),
 .ui[class*="equal width"].grid>.row>.column,
 .ui.grid>[class*="equal width"].row>.column {
@@ -49123,9 +48061,7 @@ span.ui.massive.text {
 /* ----------------------
             Reverse
     ----------------------- */
-
 /* Mobile */
-
 @media only screen and (max-width: 767.98px) {
 
   .ui[class*="mobile reversed"].grid,
@@ -49140,7 +48076,6 @@ span.ui.massive.text {
   }
 
   /* Divided Reversed */
-
   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,
   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
     box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
@@ -49152,7 +48087,6 @@ span.ui.massive.text {
   }
 
   /* Vertically Divided Reversed */
-
   .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child::before {
     box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
   }
@@ -49162,7 +48096,6 @@ span.ui.massive.text {
   }
 
   /* Celled Reversed */
-
   .ui[class*="mobile reversed"].celled.grid>.row>.column:first-child {
     box-shadow: -1px 0 0 0 #d4d4d5;
   }
@@ -49173,7 +48106,6 @@ span.ui.massive.text {
 }
 
 /* Tablet */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
 
   .ui[class*="tablet reversed"].grid,
@@ -49187,7 +48119,6 @@ span.ui.massive.text {
   }
 
   /* Divided Reversed */
-
   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,
   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
     box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
@@ -49199,7 +48130,6 @@ span.ui.massive.text {
   }
 
   /* Vertically Divided Reversed */
-
   .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child::before {
     box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
   }
@@ -49209,7 +48139,6 @@ span.ui.massive.text {
   }
 
   /* Celled Reversed */
-
   .ui[class*="tablet reversed"].celled.grid>.row>.column:first-child {
     box-shadow: -1px 0 0 0 #d4d4d5;
   }
@@ -49220,7 +48149,6 @@ span.ui.massive.text {
 }
 
 /* Computer */
-
 @media only screen and (min-width: 992px) {
 
   .ui[class*="computer reversed"].grid,
@@ -49234,7 +48162,6 @@ span.ui.massive.text {
   }
 
   /* Divided Reversed */
-
   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,
   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
     box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
@@ -49246,7 +48173,6 @@ span.ui.massive.text {
   }
 
   /* Vertically Divided Reversed */
-
   .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child::before {
     box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
   }
@@ -49256,7 +48182,6 @@ span.ui.massive.text {
   }
 
   /* Celled Reversed */
-
   .ui[class*="computer reversed"].celled.grid>.row>.column:first-child {
     box-shadow: -1px 0 0 0 #d4d4d5;
   }
@@ -49269,9 +48194,7 @@ span.ui.massive.text {
 /* -------------------
           Doubling
     -------------------- */
-
 /* Tablet Only */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.doubling.grid {
     width: auto;
@@ -49388,7 +48311,6 @@ span.ui.massive.text {
 }
 
 /* Mobile Only */
-
 @media only screen and (max-width: 767.98px) {
 
   .ui.grid>.doubling.row,
@@ -49499,7 +48421,6 @@ span.ui.massive.text {
 /* -------------------
           Stackable
     -------------------- */
-
 @media only screen and (max-width: 767.98px) {
 
   body>.ui.stackable.grid,
@@ -49528,7 +48449,6 @@ span.ui.massive.text {
   }
 
   /* Coupling */
-
   .ui.container>.ui.stackable.grid>.column,
   .ui.container>.ui.stackable.grid>.row>.column {
     padding-left: 0 !important;
@@ -49536,7 +48456,6 @@ span.ui.massive.text {
   }
 
   /* Don't pad inside segment or nested grid */
-
   .ui.grid .ui.stackable.grid,
   .ui.segment:not(.vertical) .ui.stackable.page.grid {
     margin-left: -1rem;
@@ -49544,7 +48463,6 @@ span.ui.massive.text {
   }
 
   /* Divided Stackable */
-
   .ui.stackable.divided.grid>.row:first-child>.column:first-child,
   .ui.stackable.celled.grid>.row:first-child>.column:first-child,
   .ui.stackable.divided.grid>.column:not(.row):first-child,
@@ -49583,11 +48501,8 @@ span.ui.massive.text {
 /* ----------------------
      Only (Device)
 ----------------------- */
-
 /* These include arbitrary class repetitions for forced specificity */
-
 /* Mobile Only Hide */
-
 @media only screen and (max-width: 767.98px) {
 
   .ui.ui.ui[class*="tablet only"].grid:not(.mobile),
@@ -49620,7 +48535,6 @@ span.ui.massive.text {
 }
 
 /* Tablet Only Hide */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
 
   .ui.ui.ui[class*="mobile only"].grid:not(.tablet),
@@ -49653,7 +48567,6 @@ span.ui.massive.text {
 }
 
 /* Computer Only Hide */
-
 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
 
   .ui.ui.ui[class*="mobile only"].grid:not(.computer),
@@ -49686,7 +48599,6 @@ span.ui.massive.text {
 }
 
 /* Large Screen Only Hide */
-
 @media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
 
   .ui.ui.ui[class*="mobile only"].grid:not(.computer),
@@ -49712,7 +48624,6 @@ span.ui.massive.text {
 }
 
 /* Widescreen Only Hide */
-
 @media only screen and (min-width: 1920px) {
 
   .ui.ui.ui[class*="mobile only"].grid:not(.computer),
@@ -49733,7 +48644,6 @@ span.ui.massive.text {
 /* -----------------
           Compact
     ----------------- */
-
 .ui.ui.ui.compact.grid {
   margin: -0.5rem;
 }
@@ -49750,20 +48660,17 @@ span.ui.massive.text {
 }
 
 /* Row */
-
 .ui.ui.ui.compact.grid>.row {
   padding: 0.5rem 0;
 }
 
 /* Columns */
-
 .ui.ui.ui.compact.grid>.column:not(.row) {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 /* Relaxed + Celled */
-
 .ui.compact.relaxed.celled.grid>.column:not(.row),
 .ui.compact.relaxed.celled.grid>.row>.column {
   padding: 0.75em;
@@ -49777,7 +48684,6 @@ span.ui.massive.text {
 /* -----------------
         Very compact
     ----------------- */
-
 .ui.ui.ui[class*="very compact"].grid {
   margin: -0.25rem;
 }
@@ -49794,20 +48700,17 @@ span.ui.massive.text {
 }
 
 /* Row */
-
 .ui.ui.ui[class*="very compact"].grid>.row {
   padding: 0.25rem 0;
 }
 
 /* Columns */
-
 .ui.ui.ui[class*="very compact"].grid>.column:not(.row) {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
 
 /* Relaxed + Celled */
-
 .ui[class*="very compact"].relaxed.celled.grid>.column:not(.row),
 .ui[class*="very compact"].relaxed.celled.grid>.row>.column {
   padding: 0.375em;
@@ -49829,28 +48732,19 @@ span.ui.massive.text {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Menu
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Standard
 *******************************/
-
 /* --------------
       Menu
 --------------- */
-
 .ui.menu {
   display: flex;
   margin: 1rem 0;
@@ -49882,7 +48776,6 @@ span.ui.massive.text {
 /* --------------
     Sub-Menu
 --------------- */
-
 .ui.menu .menu {
   margin: 0;
 }
@@ -49894,7 +48787,6 @@ span.ui.massive.text {
 /* --------------
       Item
 --------------- */
-
 .ui.menu:not(.vertical) .item {
   display: flex;
   align-items: center;
@@ -49923,7 +48815,6 @@ span.ui.massive.text {
 }
 
 /* Border */
-
 .ui.menu .item::before {
   position: absolute;
   content: "";
@@ -49937,7 +48828,6 @@ span.ui.massive.text {
 /* --------------
   Text Content
 --------------- */
-
 .ui.menu .text.item>*,
 .ui.menu .item>a:not(.ui),
 .ui.menu .item>p:only-child {
@@ -49958,7 +48848,6 @@ span.ui.massive.text {
 /* --------------
       Icons
 --------------- */
-
 .ui.menu .item>i.icon {
   opacity: 0.9;
   float: none;
@@ -49968,7 +48857,6 @@ span.ui.massive.text {
 /* --------------
      Button
 --------------- */
-
 .ui.menu:not(.vertical) .item>.button {
   position: relative;
   top: 0;
@@ -49981,7 +48869,6 @@ span.ui.massive.text {
 /* ----------------
  Grid / Container
 ----------------- */
-
 .ui.menu>.grid,
 .ui.menu>.container {
   display: flex;
@@ -49992,7 +48879,6 @@ span.ui.massive.text {
 /* --------------
      Inputs
 --------------- */
-
 .ui.menu .item>.input {
   width: 100%;
 }
@@ -50012,7 +48898,6 @@ span.ui.massive.text {
 /* --------------
      Header
 --------------- */
-
 .ui.menu .header.item,
 .ui.vertical.menu .header.item {
   margin: 0;
@@ -50030,9 +48915,7 @@ span.ui.massive.text {
 /* --------------
     Dropdowns
 --------------- */
-
 /* Dropdown Icon */
-
 .ui.menu .item>i.dropdown.icon {
   padding: 0;
   float: right;
@@ -50040,7 +48923,6 @@ span.ui.massive.text {
 }
 
 /* Menu */
-
 .ui.menu .dropdown.item .menu {
   min-width: calc(100% - 1px);
   border-radius: 0 0 0.28571429rem 0.28571429rem;
@@ -50054,7 +48936,6 @@ span.ui.massive.text {
 }
 
 /* Menu Items */
-
 .ui.menu .ui.dropdown .menu>.item {
   margin: 0;
   text-align: left;
@@ -50097,7 +48978,6 @@ span.ui.massive.text {
 }
 
 /* Secondary */
-
 .ui.secondary.menu .dropdown.item>.menu,
 .ui.text.menu .dropdown.item>.menu {
   border-radius: 0.28571429rem;
@@ -50105,20 +48985,17 @@ span.ui.massive.text {
 }
 
 /* Pointing */
-
 .ui.menu .pointing.dropdown.item .menu {
   margin-top: 0.75em;
 }
 
 /* Inverted */
-
 .ui.inverted.menu .search.dropdown.item>.search,
 .ui.inverted.menu .search.dropdown.item>.text {
   color: rgba(255, 255, 255, 0.9);
 }
 
 /* Vertical */
-
 .ui.vertical.menu .dropdown.item>i.icon {
   float: right;
   content: "\f0da";
@@ -50154,7 +49031,6 @@ span.ui.massive.text {
 }
 
 /* Evenly Divided */
-
 .ui.item.menu .dropdown .menu .item {
   width: 100%;
 }
@@ -50162,7 +49038,6 @@ span.ui.massive.text {
 /* --------------
      Labels
 --------------- */
-
 .ui.menu .item>.label:not(.floating) {
   margin-left: 1em;
   padding: 0.3em 0.78571429em;
@@ -50191,7 +49066,6 @@ span.ui.massive.text {
 /* --------------
      Images
 --------------- */
-
 .ui.menu .item>img:not(.ui) {
   display: inline-block;
   vertical-align: middle;
@@ -50208,13 +49082,10 @@ span.ui.massive.text {
 /*******************************
           Coupling
 *******************************/
-
 /* --------------
      List
 --------------- */
-
 /* Menu divider shouldn't apply */
-
 .ui.menu .list .item::before {
   background: none !important;
 }
@@ -50222,9 +49093,7 @@ span.ui.massive.text {
 /* --------------
          Sidebar
     --------------- */
-
 /* Show vertical dividers below last */
-
 .ui.vertical.sidebar.menu>.item:first-child::before {
   display: block !important;
 }
@@ -50237,7 +49106,6 @@ span.ui.massive.text {
 /* --------------
     Container
 --------------- */
-
 @media only screen and (max-width: 767.98px) {
   .ui.menu>.ui.container {
     width: 100% !important;
@@ -50260,11 +49128,9 @@ span.ui.massive.text {
 /*******************************
              States
 *******************************/
-
 /* --------------
       Hover
 --------------- */
-
 .ui.link.menu .item:hover,
 .ui.menu .dropdown.item:hover,
 .ui.menu .link.item:hover,
@@ -50277,7 +49143,6 @@ span.ui.massive.text {
 /* --------------
      Pressed
 --------------- */
-
 .ui.link.menu .item:active,
 .ui.menu .link.item:active,
 .ui.menu a.item:active {
@@ -50288,7 +49153,6 @@ span.ui.massive.text {
 /* --------------
      Active
 --------------- */
-
 .ui.menu .active.item {
   background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
@@ -50303,7 +49167,6 @@ span.ui.massive.text {
 /* --------------
   Active Hover
 --------------- */
-
 .ui.menu .active.item:hover,
 .ui.vertical.menu .active.item:hover {
   background-color: rgba(0, 0, 0, 0.05);
@@ -50313,7 +49176,6 @@ span.ui.massive.text {
 /* --------------
      Disabled
 --------------- */
-
 .ui.ui.menu .item.disabled {
   cursor: default;
   background-color: transparent;
@@ -50324,13 +49186,10 @@ span.ui.massive.text {
 /*******************************
              Types
 *******************************/
-
 /* ------------------
 Floated Menu / Item
 ------------------- */
-
 /* Left Floated */
-
 .ui.menu:not(.vertical) .left.item,
 .ui.menu:not(.vertical) .left.menu {
   display: flex;
@@ -50338,7 +49197,6 @@ Floated Menu / Item
 }
 
 /* Right Floated */
-
 .ui.menu:not(.vertical) .right.item,
 .ui.menu:not(.vertical) .right.menu {
   display: flex;
@@ -50351,7 +49209,6 @@ Floated Menu / Item
 }
 
 /* Center */
-
 .ui.menu:not(.vertical) .center.item,
 .ui.menu:not(.vertical) .center.menu {
   display: flex;
@@ -50360,7 +49217,6 @@ Floated Menu / Item
 }
 
 /* Swapped Borders */
-
 .ui.menu .right.item::before,
 .ui.menu .right.menu>.item::before {
   right: auto;
@@ -50368,7 +49224,6 @@ Floated Menu / Item
 }
 
 /* Remove Outer Borders */
-
 .ui.menu .center.item:last-child::before,
 .ui.menu .center.menu>.item:last-child::before {
   display: none;
@@ -50377,7 +49232,6 @@ Floated Menu / Item
 /* --------------
         Vertical
     --------------- */
-
 .ui.vertical.menu {
   display: block;
   flex-direction: column;
@@ -50386,7 +49240,6 @@ Floated Menu / Item
 }
 
 /* --- Item --- */
-
 .ui.vertical.menu .item {
   display: block;
   background: none;
@@ -50403,14 +49256,12 @@ Floated Menu / Item
 }
 
 /* --- Label --- */
-
 .ui.vertical.menu .item>.label {
   float: right;
   text-align: center;
 }
 
 /* --- Icon --- */
-
 .ui.vertical.menu .item>i.icon,
 .ui.vertical.menu .item>i.icons {
   width: 1.18em;
@@ -50424,7 +49275,6 @@ Floated Menu / Item
 }
 
 /* --- Border --- */
-
 .ui.vertical.menu .item::before {
   position: absolute;
   content: "";
@@ -50440,7 +49290,6 @@ Floated Menu / Item
 }
 
 /* --- Sub Menu --- */
-
 .ui.vertical.menu .item>.menu {
   margin: 0.5em -1.14285714em 0;
 }
@@ -50462,7 +49311,6 @@ Floated Menu / Item
 }
 
 /* Vertical Active */
-
 .ui.vertical.menu .active.item {
   background: rgba(0, 0, 0, 0.05);
   border-radius: 0;
@@ -50494,7 +49342,6 @@ Floated Menu / Item
 /* --------------
          Tabular
     --------------- */
-
 .ui.tabular.menu {
   border-radius: 0;
   box-shadow: none !important;
@@ -50522,14 +49369,12 @@ Floated Menu / Item
 }
 
 /* Hover */
-
 .ui.tabular.menu .item:hover {
   background-color: transparent;
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Active */
-
 .ui.tabular.menu .active.item {
   background: none #fff;
   color: rgba(0, 0, 0, 0.95);
@@ -50546,7 +49391,6 @@ Floated Menu / Item
 }
 
 /* Coupling with segment for attachment */
-
 .ui.tabular.menu~.attached:not(.top).segment {
   border-top: none;
   margin-left: 0;
@@ -50562,7 +49406,6 @@ Floated Menu / Item
 }
 
 /* Bottom Vertical Tabular */
-
 .ui.bottom.tabular.menu {
   background: none transparent;
   border-radius: 0;
@@ -50588,7 +49431,6 @@ Floated Menu / Item
 }
 
 /* Vertical Tabular (Left) */
-
 .ui.vertical.tabular.menu {
   background: none transparent;
   border-radius: 0;
@@ -50614,7 +49456,6 @@ Floated Menu / Item
 }
 
 /* Vertical Right Tabular */
-
 .ui.vertical.right.tabular.menu {
   background: none transparent;
   border-radius: 0;
@@ -50641,7 +49482,6 @@ Floated Menu / Item
 }
 
 /* Dropdown */
-
 .ui.tabular.menu .active.dropdown.item {
   margin-bottom: 0;
   border-left: 1px solid transparent;
@@ -50665,7 +49505,6 @@ Floated Menu / Item
 /* --------------
        Pagination
     --------------- */
-
 .ui.pagination.menu {
   margin: 0;
   display: inline-flex;
@@ -50694,7 +49533,6 @@ Floated Menu / Item
 }
 
 /* Active */
-
 .ui.pagination.menu .active.item {
   border-top: none;
   padding-top: 0.92857143em;
@@ -50706,7 +49544,6 @@ Floated Menu / Item
 /* --------------
        Secondary
     --------------- */
-
 .ui.secondary.menu {
   background: none;
   margin-left: -0.35714286em;
@@ -50717,7 +49554,6 @@ Floated Menu / Item
 }
 
 /* Item */
-
 .ui.secondary.menu .item {
   align-self: center;
   box-shadow: none;
@@ -50730,13 +49566,11 @@ Floated Menu / Item
 }
 
 /* No Divider */
-
 .ui.secondary.menu .item::before {
   display: none !important;
 }
 
 /* Header */
-
 .ui.secondary.menu .header.item {
   border-radius: 0;
   border-right: none;
@@ -50744,13 +49578,11 @@ Floated Menu / Item
 }
 
 /* Image */
-
 .ui.secondary.menu .item>img:not(.ui) {
   margin: 0;
 }
 
 /* Hover */
-
 .ui.secondary.menu .dropdown.item:hover,
 .ui.secondary.menu .link.item:hover,
 .ui.secondary.menu a.item:hover {
@@ -50759,7 +49591,6 @@ Floated Menu / Item
 }
 
 /* Active */
-
 .ui.secondary.menu .active.item {
   box-shadow: none;
   background: rgba(0, 0, 0, 0.05);
@@ -50768,7 +49599,6 @@ Floated Menu / Item
 }
 
 /* Active Hover */
-
 .ui.secondary.menu .active.item:hover {
   box-shadow: none;
   background: rgba(0, 0, 0, 0.05);
@@ -50776,7 +49606,6 @@ Floated Menu / Item
 }
 
 /* Inverted */
-
 .ui.secondary.inverted.menu .link.item:not(.disabled),
 .ui.secondary.inverted.menu a.item:not(.disabled) {
   color: rgba(255, 255, 255, 0.7);
@@ -50795,7 +49624,6 @@ Floated Menu / Item
 }
 
 /* Fix item margins */
-
 .ui.secondary.item.menu {
   margin-left: 0;
   margin-right: 0;
@@ -50812,9 +49640,7 @@ Floated Menu / Item
 /* ---------------------
            Secondary Vertical
         ----------------------- */
-
 /* Sub Menu */
-
 .ui.vertical.secondary.menu .item:not(.dropdown)>.menu {
   margin: 0 -0.92857143em;
 }
@@ -50835,13 +49661,11 @@ Floated Menu / Item
 }
 
 /* Sub Menu */
-
 .ui.vertical.secondary.menu .item>.menu .item {
   background-color: transparent;
 }
 
 /* Inverted */
-
 .ui.secondary.inverted.menu {
   background-color: transparent;
 }
@@ -50849,7 +49673,6 @@ Floated Menu / Item
 /* ---------------------
            Secondary Pointing
         ----------------------- */
-
 .ui.secondary.pointing.menu {
   margin-left: 0;
   margin-right: 0;
@@ -50880,7 +49703,6 @@ Floated Menu / Item
 }
 
 /* Item Types */
-
 .ui.secondary.pointing.menu .header.item {
   color: rgba(0, 0, 0, 0.85) !important;
 }
@@ -50894,7 +49716,6 @@ Floated Menu / Item
 }
 
 /* Hover */
-
 .ui.secondary.pointing.menu .dropdown.item:hover,
 .ui.secondary.pointing.menu .link.item:hover,
 .ui.secondary.pointing.menu a.item:hover {
@@ -50903,7 +49724,6 @@ Floated Menu / Item
 }
 
 /* Pressed */
-
 .ui.secondary.pointing.menu .dropdown.item:active,
 .ui.secondary.pointing.menu .link.item:active,
 .ui.secondary.pointing.menu a.item:active {
@@ -50912,7 +49732,6 @@ Floated Menu / Item
 }
 
 /* Active */
-
 .ui.secondary.pointing.menu .active.item {
   background-color: transparent;
   box-shadow: none;
@@ -50922,20 +49741,17 @@ Floated Menu / Item
 }
 
 /* Active Hover */
-
 .ui.secondary.pointing.menu .active.item:hover {
   border-color: currentColor;
   color: rgba(0, 0, 0, 0.95);
 }
 
 /* Active Dropdown */
-
 .ui.secondary.pointing.menu .active.dropdown.item {
   border-color: transparent;
 }
 
 /* Vertical Pointing */
-
 .ui.secondary.vertical.pointing.menu {
   border-bottom-width: 0;
   border-right: 2px solid rgba(34, 36, 38, 0.15);
@@ -50949,13 +49765,11 @@ Floated Menu / Item
 }
 
 /* Vertical Active */
-
 .ui.secondary.vertical.pointing.menu .active.item {
   border-color: currentColor;
 }
 
 /* Inverted */
-
 .ui.secondary.inverted.pointing.menu {
   border-color: rgba(255, 255, 255, 0.1);
 }
@@ -50969,14 +49783,12 @@ Floated Menu / Item
 }
 
 /* Hover */
-
 .ui.secondary.inverted.pointing.menu .link.item:hover,
 .ui.secondary.inverted.pointing.menu a.item:hover {
   color: #ffffff;
 }
 
 /* Active */
-
 .ui.ui.secondary.inverted.pointing.menu .active.item {
   border-color: #fff;
   color: #ffffff;
@@ -50986,7 +49798,6 @@ Floated Menu / Item
 /* --------------
         Text Menu
     --------------- */
-
 .ui.text.menu {
   background: none transparent;
   border-radius: 0;
@@ -51007,14 +49818,12 @@ Floated Menu / Item
 }
 
 /* Border */
-
 .ui.text.menu .item::before,
 .ui.text.menu .menu .item::before {
   display: none !important;
 }
 
 /* Header */
-
 .ui.text.menu .header.item {
   background-color: transparent;
   opacity: 1;
@@ -51025,19 +49834,16 @@ Floated Menu / Item
 }
 
 /* Image */
-
 .ui.text.menu .item>img:not(.ui) {
   margin: 0;
 }
 
 /* --- fluid text --- */
-
 .ui.text.item.menu .item {
   margin: 0;
 }
 
 /* --- vertical text --- */
-
 .ui.vertical.text.menu {
   margin: 1em 0;
 }
@@ -51066,7 +49872,6 @@ Floated Menu / Item
 }
 
 /* Vertical Sub Menu */
-
 .ui.vertical.text.menu .item:not(.dropdown)>.menu {
   margin: 0;
 }
@@ -51077,14 +49882,12 @@ Floated Menu / Item
 }
 
 /* --- hover --- */
-
 .ui.text.menu .item:hover {
   opacity: 1;
   background-color: transparent;
 }
 
 /* --- active --- */
-
 .ui.text.menu .active.item {
   background-color: transparent;
   border: none;
@@ -51094,13 +49897,11 @@ Floated Menu / Item
 }
 
 /* --- active hover --- */
-
 .ui.text.menu .active.item:hover {
   background-color: transparent;
 }
 
 /* Disable Bariations */
-
 .ui.text.pointing.menu .active.item::after {
   box-shadow: none;
 }
@@ -51110,7 +49911,6 @@ Floated Menu / Item
 }
 
 /* Inverted */
-
 .ui.inverted.text.menu,
 .ui.inverted.text.menu .item,
 .ui.inverted.text.menu .item:hover,
@@ -51119,7 +49919,6 @@ Floated Menu / Item
 }
 
 /* Fluid */
-
 .ui.fluid.text.menu {
   margin-left: 0;
   margin-right: 0;
@@ -51128,16 +49927,13 @@ Floated Menu / Item
 /* --------------
         Icon Only
     --------------- */
-
 /* Vertical Menu */
-
 .ui.vertical.icon.menu {
   display: inline-block;
   width: auto;
 }
 
 /* Item */
-
 .ui.icon.menu .item {
   height: auto;
   text-align: center;
@@ -51145,27 +49941,23 @@ Floated Menu / Item
 }
 
 /* Icon */
-
 .ui.icon.menu .item>i.icon:not(.dropdown) {
   margin: 0;
   opacity: 1;
 }
 
 /* Icon Glyph */
-
 .ui.icon.menu i.icon::before {
   opacity: 1;
 }
 
 /* (x) Item Icon */
-
 .ui.menu .icon.item>i.icon {
   width: auto;
   margin: 0 auto;
 }
 
 /* Vertical Icon */
-
 .ui.vertical.icon.menu .item>i.icon:not(.dropdown) {
   display: block;
   opacity: 1;
@@ -51174,7 +49966,6 @@ Floated Menu / Item
 }
 
 /* Inverted */
-
 .ui.inverted.icon.menu .item {
   color: #fff;
 }
@@ -51182,22 +49973,18 @@ Floated Menu / Item
 /* --------------
        Labeled Icon
     --------------- */
-
 /* Menu */
-
 .ui.labeled.icon.menu {
   text-align: center;
 }
 
 /* Item */
-
 .ui.labeled.icon.menu .item {
   min-width: 6em;
   flex-direction: column;
 }
 
 /* Icon */
-
 .ui.labeled.icon.menu>.right.menu>.item>i.icon:not(.dropdown),
 .ui.labeled.icon.menu>.item>i.icon:not(.dropdown) {
   height: 1em;
@@ -51207,7 +49994,6 @@ Floated Menu / Item
 }
 
 /* Fluid */
-
 .ui.fluid.labeled.icon.menu>.item {
   min-width: 0;
 }
@@ -51215,11 +50001,9 @@ Floated Menu / Item
 /*******************************
            Variations
 *******************************/
-
 /* --------------
         Stackable
     --------------- */
-
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     flex-direction: column;
@@ -51270,7 +50054,6 @@ Floated Menu / Item
 /* --------------
      Colors
 --------------- */
-
 .ui.ui.ui.menu .primary.active.item,
 .ui.ui.primary.menu .active.item:hover,
 .ui.ui.primary.menu .active.item {
@@ -51358,7 +50141,6 @@ Floated Menu / Item
 /* --------------
         Inverted
     --------------- */
-
 .ui.inverted.menu {
   border: 0 solid transparent;
   background: #1b1c1d;
@@ -51366,7 +50148,6 @@ Floated Menu / Item
 }
 
 /* Menu Item */
-
 .ui.inverted.menu .item,
 .ui.inverted.menu .item>a:not(.ui) {
   background: transparent;
@@ -51378,7 +50159,6 @@ Floated Menu / Item
 }
 
 /* --- Border --- */
-
 .ui.inverted.menu .item::before {
   background: rgba(255, 255, 255, 0.08);
 }
@@ -51388,14 +50168,12 @@ Floated Menu / Item
 }
 
 /* Sub Menu */
-
 .ui.vertical.inverted.menu .menu .item,
 .ui.vertical.inverted.menu .menu .item a:not(.ui) {
   color: rgba(255, 255, 255, 0.5);
 }
 
 /* Header */
-
 .ui.inverted.menu .header.item {
   margin: 0;
   background: transparent;
@@ -51403,13 +50181,11 @@ Floated Menu / Item
 }
 
 /* Disabled */
-
 .ui.ui.inverted.menu .item.disabled {
   color: rgba(225, 225, 225, 0.3);
 }
 
 /* --- Hover --- */
-
 .ui.link.inverted.menu .item:hover,
 .ui.inverted.menu .dropdown.item:hover,
 .ui.inverted.menu .link.item:hover,
@@ -51425,7 +50201,6 @@ Floated Menu / Item
 }
 
 /* --- Pressed --- */
-
 .ui.inverted.menu a.item:active,
 .ui.inverted.menu .link.item:active {
   background: rgba(255, 255, 255, 0.08);
@@ -51433,7 +50208,6 @@ Floated Menu / Item
 }
 
 /* --- Active --- */
-
 .ui.inverted.menu .active.item {
   background: #3d3e3f;
   color: #ffffff !important;
@@ -51452,7 +50226,6 @@ Floated Menu / Item
 }
 
 /* --- Active Hover --- */
-
 .ui.inverted.menu .active.item:hover {
   background: #3d3e3f;
   color: #fff !important;
@@ -51465,7 +50238,6 @@ Floated Menu / Item
 /* --------------
          Floated
     --------------- */
-
 .ui.floated.menu {
   float: left;
   margin: 0 0.5rem 0 0;
@@ -51496,7 +50268,6 @@ Floated Menu / Item
 /* --------------
         Inverted
     --------------- */
-
 .ui.ui.ui.inverted.menu .primary.active.item,
 .ui.ui.inverted.primary.menu {
   background-color: #2185d0;
@@ -51742,7 +50513,6 @@ Floated Menu / Item
 /* --------------
          Fitted
     --------------- */
-
 .ui.fitted.menu .item,
 .ui.fitted.menu .item .menu .item,
 .ui.menu .fitted.item {
@@ -51766,7 +50536,6 @@ Floated Menu / Item
 /* --------------
        Borderless
     --------------- */
-
 .ui.borderless.menu .item::before,
 .ui.borderless.menu .item .menu .item::before,
 .ui.menu .borderless.item::before {
@@ -51776,7 +50545,6 @@ Floated Menu / Item
 /* -------------------
            Compact
     -------------------- */
-
 .ui.compact.menu {
   display: inline-flex;
   margin: 0;
@@ -51808,7 +50576,6 @@ Floated Menu / Item
 /* -------------------
             Fluid
     -------------------- */
-
 .ui.menu.fluid,
 .ui.vertical.menu.fluid {
   width: 100% !important;
@@ -51817,7 +50584,6 @@ Floated Menu / Item
 /* -------------------
           Evenly Sized
     -------------------- */
-
 .ui[class*="equal width"].menu>.item {
   flex: 1;
 }
@@ -51891,7 +50657,6 @@ Floated Menu / Item
 /* --------------
          Fixed
     --------------- */
-
 .ui.menu.fixed {
   position: fixed;
   z-index: 101;
@@ -51954,7 +50719,6 @@ Floated Menu / Item
 }
 
 /* Coupling with Grid */
-
 .ui.fixed.menu+.ui.grid {
   padding-top: 2.75rem;
 }
@@ -51962,7 +50726,6 @@ Floated Menu / Item
 /* -------------------
            Pointing
     -------------------- */
-
 .ui.pointing.menu .item::after {
   visibility: hidden;
   position: absolute;
@@ -52000,7 +50763,6 @@ Floated Menu / Item
 }
 
 /* Active */
-
 .ui.pointing.menu .active.item::after {
   visibility: visible;
 }
@@ -52010,14 +50772,12 @@ Floated Menu / Item
 }
 
 /* Don't double up pointers */
-
 .ui.pointing.menu .dropdown.active.item::after,
 .ui.pointing.menu .active.item .menu .active.item::after {
   display: none;
 }
 
 /* Colors */
-
 .ui.pointing.menu .active.item:hover::after {
   background-color: #f2f2f2;
 }
@@ -52111,9 +50871,7 @@ Floated Menu / Item
 /* --------------
         Attached
     --------------- */
-
 /* Middle */
-
 .ui.attached.menu {
   top: 0;
   bottom: 0;
@@ -52129,7 +50887,6 @@ Floated Menu / Item
 }
 
 /* Top */
-
 .ui[class*="top attached"].menu {
   bottom: 0;
   margin-bottom: 0;
@@ -52143,7 +50900,6 @@ Floated Menu / Item
 }
 
 /* Bottom */
-
 .ui[class*="bottom attached"].menu {
   bottom: 0;
   margin-top: 0;
@@ -52158,7 +50914,6 @@ Floated Menu / Item
 }
 
 /* Attached Menu Item */
-
 .ui.top.attached.menu>.item:first-child {
   border-radius: 0.28571429rem 0 0 0;
 }
@@ -52168,7 +50923,6 @@ Floated Menu / Item
 }
 
 /* Tabular Attached */
-
 .ui.attached.menu:not(.tabular):not(.text) {
   border: 1px solid #d4d4d5;
 }
@@ -52216,7 +50970,6 @@ Floated Menu / Item
 /* --------------
      Sizes
 --------------- */
-
 .ui.menu {
   font-size: 1rem;
 }
@@ -52298,7 +51051,6 @@ Floated Menu / Item
 /* -------------------
   Inverted dropdowns
 -------------------- */
-
 .ui.menu .ui.inverted.inverted.dropdown.item .menu {
   background: #1b1c1d;
   box-shadow: none;
@@ -52324,7 +51076,6 @@ Floated Menu / Item
 }
 
 /* Vertical */
-
 .ui.vertical.menu .inverted.dropdown.item .menu {
   box-shadow: none;
 }
@@ -52332,24 +51083,16 @@ Floated Menu / Item
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Message
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Message
 *******************************/
-
 .ui.message {
   position: relative;
   min-height: 1em;
@@ -52374,9 +51117,7 @@ Floated Menu / Item
 /* --------------
      Content
 --------------- */
-
 /* Header */
-
 .ui.message .header {
   display: block;
   font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -52385,13 +51126,11 @@ Floated Menu / Item
 }
 
 /* Default font size */
-
 .ui.message .header:not(.ui) {
   font-size: 1.14285714em;
 }
 
 /* Paragraph */
-
 .ui.message p {
   opacity: 0.85;
   margin: 0.75em 0;
@@ -52410,7 +51149,6 @@ Floated Menu / Item
 }
 
 /* List */
-
 .ui.message .list:not(.ui) {
   text-align: left;
   padding: 0;
@@ -52447,7 +51185,6 @@ Floated Menu / Item
 }
 
 /* Icon */
-
 .ui.icon.message>.icons,
 .ui.icon.message>i.icon {
   margin-right: 0.6em;
@@ -52459,7 +51196,6 @@ Floated Menu / Item
 }
 
 /* Close Icon */
-
 .ui.message>.close.icon {
   cursor: pointer;
   position: absolute;
@@ -52475,7 +51211,6 @@ Floated Menu / Item
 }
 
 /* First / Last Element */
-
 .ui.message> :first-child {
   margin-top: 0;
 }
@@ -52487,7 +51222,6 @@ Floated Menu / Item
 /*******************************
             Coupling
 *******************************/
-
 .ui.dropdown .menu>.message {
   margin: 0 -1px;
 }
@@ -52495,11 +51229,9 @@ Floated Menu / Item
 /*******************************
             States
 *******************************/
-
 /* --------------
     Visible
 --------------- */
-
 .ui.visible.visible.visible.visible.message {
   display: block;
 }
@@ -52511,7 +51243,6 @@ Floated Menu / Item
 /* --------------
      Hidden
 --------------- */
-
 .ui.hidden.hidden.hidden.hidden.message {
   display: none;
 }
@@ -52519,7 +51250,6 @@ Floated Menu / Item
 /*******************************
             Variations
 *******************************/
-
 .ui.centered.message,
 .ui.center.aligned.message {
   text-align: center;
@@ -52538,7 +51268,6 @@ Floated Menu / Item
 /* --------------
         Compact
     --------------- */
-
 .ui.compact.message {
   display: inline-block;
 }
@@ -52551,7 +51280,6 @@ Floated Menu / Item
 /* --------------
         Attached
     --------------- */
-
 .ui.attached.message {
   margin-bottom: -1px;
   border-radius: 0.28571429rem 0.28571429rem 0 0;
@@ -52582,7 +51310,6 @@ Floated Menu / Item
 /* --------------
           Icon
     --------------- */
-
 .ui.icon.message {
   display: flex;
   width: 100%;
@@ -52618,7 +51345,6 @@ Floated Menu / Item
 /* --------------
         Floating
     --------------- */
-
 .ui.floating.message {
   box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
@@ -52626,13 +51352,10 @@ Floated Menu / Item
 /* --------------
      Colors
 --------------- */
-
 /* --------------
      Types
 --------------- */
-
 /* Colors */
-
 .ui.positive.message {
   background-color: #fcfff5;
   color: #2c662d;
@@ -53040,7 +51763,6 @@ Floated Menu / Item
 /* --------------
      Sizes
 --------------- */
-
 .ui.message {
   font-size: 1em;
 }
@@ -53076,26 +51798,17 @@ Floated Menu / Item
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
         Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Table
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Table
 *******************************/
-
 /* Prototype */
-
 .ui.table {
   width: 100%;
   background: #fff;
@@ -53127,23 +51840,19 @@ Floated Menu / Item
 /*******************************
              Parts
 *******************************/
-
 /* Table Content */
-
 .ui.table th,
 .ui.table td {
   transition: background 0.1s ease, color 0.1s ease;
 }
 
 /* Rowspan helper class */
-
 .ui.table th.rowspanned,
 .ui.table td.rowspanned {
   display: none;
 }
 
 /* Headers */
-
 .ui.table>thead {
   box-shadow: none;
 }
@@ -53179,7 +51888,6 @@ Floated Menu / Item
 }
 
 /* Footer */
-
 .ui.table>tfoot {
   box-shadow: none;
 }
@@ -53219,7 +51927,6 @@ Floated Menu / Item
 }
 
 /* Table Row */
-
 .ui.table>tr>td,
 .ui.table>tbody>tr>td {
   border-top: 1px solid rgba(34, 36, 38, 0.1);
@@ -53231,13 +51938,11 @@ Floated Menu / Item
 }
 
 /* Repeated tbody */
-
 .ui.table>tbody+tbody tr:first-child>td {
   border-top: 1px solid rgba(34, 36, 38, 0.1);
 }
 
 /* Table Cells */
-
 .ui.table>tbody>tr>td,
 .ui.table>tr>td {
   padding: 0.78571429em 0.78571429em;
@@ -53245,7 +51950,6 @@ Floated Menu / Item
 }
 
 /* Icons */
-
 .ui.table>i.icon {
   vertical-align: baseline;
 }
@@ -53255,7 +51959,6 @@ Floated Menu / Item
 }
 
 /* Table Segment */
-
 .ui.table.segment {
   padding: 0;
 }
@@ -53269,7 +51972,6 @@ Floated Menu / Item
 }
 
 /* Responsive */
-
 @media only screen and (max-width: 767.98px) {
   .ui.table:not(.unstackable) {
     width: 100%;
@@ -53335,7 +52037,6 @@ Floated Menu / Item
   }
 
   /* Definition Table */
-
   .ui.definition.table:not(.unstackable)>thead>tr>th:first-child {
     box-shadow: none !important;
   }
@@ -53644,7 +52345,6 @@ Floated Menu / Item
 /* --------------
       Scrolling
     --------------- */
-
 @media only screen and (min-width: 768px) {
   .ui.scrolling.table.short>tbody {
     max-height: 8.99978571em;
@@ -53791,7 +52491,6 @@ Floated Menu / Item
 }
 
 /* Camouflage scrollbars, we need them only to gain the same width as tbody */
-
 .ui.scrolling.table>thead {
   background: #f9fafb;
   color: #f9fafb;
@@ -53821,7 +52520,6 @@ Floated Menu / Item
 }
 
 /* Firefox & IE */
-
 .ui.scrolling.table>thead,
 .ui.scrolling.table>tfoot {
   scrollbar-color: currentColor currentColor;
@@ -53832,7 +52530,6 @@ Floated Menu / Item
 }
 
 /* IE scrollbar color needs hex values */
-
 @media all and (-ms-high-contrast: none) {
   .ui.scrolling.table>thead {
     color: #f9fafb;
@@ -53885,7 +52582,6 @@ Floated Menu / Item
 /* --------------
       Overflowing
     --------------- */
-
 .ui.overflowing.table {
   display: block;
   overflow: auto;
@@ -53962,9 +52658,7 @@ Floated Menu / Item
 /*******************************
             Coupling
 *******************************/
-
 /* UI Image */
-
 .ui.table .collapsing .image,
 .ui.table .collapsing .image img {
   max-width: none;
@@ -53973,11 +52667,9 @@ Floated Menu / Item
 /*******************************
              Types
 *******************************/
-
 /* --------------
     Complex
 --------------- */
-
 .ui.structured.table {
   border-collapse: collapse;
 }
@@ -54014,7 +52706,6 @@ Floated Menu / Item
 /* --------------
        Definition
     --------------- */
-
 .ui.definition.table>thead:not(.full-width)>tr>th:first-child {
   pointer-events: none;
   background: #fff;
@@ -54038,7 +52729,6 @@ Floated Menu / Item
 }
 
 /* Highlight Defining Column */
-
 .ui.definition.table>tr>td:first-child:not(.ignored),
 .ui.definition.table>tbody>tr>td:first-child:not(.ignored),
 .ui.definition.table>tfoot>tr>td:first-child:not(.ignored),
@@ -54055,7 +52745,6 @@ Floated Menu / Item
 }
 
 /* Fix 2nd Column */
-
 .ui.definition.table>thead:not(.full-width)>tr>th:nth-child(2) {
   border-left: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -54073,11 +52762,9 @@ Floated Menu / Item
 /*******************************
              States
 *******************************/
-
 /* --------------
         Positive
     --------------- */
-
 .ui.ui.ui.ui.table tr.positive,
 .ui.ui.table td.positive {
   box-shadow: 0 0 0 #a3c293 inset;
@@ -54094,7 +52781,6 @@ Floated Menu / Item
 /* --------------
          Negative
     --------------- */
-
 .ui.ui.ui.ui.table tr.negative,
 .ui.ui.table td.negative {
   box-shadow: 0 0 0 #e0b4b4 inset;
@@ -54111,7 +52797,6 @@ Floated Menu / Item
 /* --------------
           Error
     --------------- */
-
 .ui.ui.ui.ui.table tr.error,
 .ui.ui.table td.error {
   box-shadow: 0 0 0 #e0b4b4 inset;
@@ -54128,7 +52813,6 @@ Floated Menu / Item
 /* --------------
          Warning
     --------------- */
-
 .ui.ui.ui.ui.table tr.warning,
 .ui.ui.table td.warning {
   box-shadow: 0 0 0 #c9ba9b inset;
@@ -54145,7 +52829,6 @@ Floated Menu / Item
 /* --------------
          Active
     --------------- */
-
 .ui.ui.ui.ui.table tr.active,
 .ui.ui.table td.active {
   box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset;
@@ -54162,7 +52845,6 @@ Floated Menu / Item
 /* --------------
          Disabled
     --------------- */
-
 .ui.ui.ui.table tr.disabled td,
 .ui.ui.ui.table tr td.disabled,
 .ui.table tr.disabled:hover,
@@ -54174,11 +52856,9 @@ Floated Menu / Item
 /*******************************
           Variations
 *******************************/
-
 /* --------------
         Stackable
     --------------- */
-
 @media only screen and (max-width: 991.98px) {
 
   .ui[class*="tablet stackable"].table,
@@ -54235,7 +52915,6 @@ Floated Menu / Item
   }
 
   /* Definition Table */
-
   .ui.definition[class*="tablet stackable"].table>thead>tr>th:first-child {
     box-shadow: none !important;
   }
@@ -54484,7 +53163,6 @@ Floated Menu / Item
 /* --------------
      Text Alignment
     --------------- */
-
 .ui.table[class*="left aligned"],
 .ui.table [class*="left aligned"] {
   text-align: left;
@@ -54503,7 +53181,6 @@ Floated Menu / Item
 /* ------------------
      Vertical Alignment
     ------------------ */
-
 .ui.table[class*="top aligned"],
 .ui.table [class*="top aligned"] {
   vertical-align: top;
@@ -54522,7 +53199,6 @@ Floated Menu / Item
 /* --------------
         Collapsing
     --------------- */
-
 .ui.table th.collapsing,
 .ui.table td.collapsing {
   width: 1px;
@@ -54532,7 +53208,6 @@ Floated Menu / Item
 /* --------------
          Fixed
     --------------- */
-
 .ui.fixed.table {
   table-layout: fixed;
 }
@@ -54546,7 +53221,6 @@ Floated Menu / Item
 /* --------------
        Selectable
     --------------- */
-
 .ui.ui.selectable.table>tbody>tr:hover,
 .ui.table tbody tr td.selectable:hover {
   background: rgba(0, 0, 0, 0.05);
@@ -54560,7 +53234,6 @@ Floated Menu / Item
 }
 
 /* Selectable Cell Link */
-
 .ui.table tbody tr td.selectable {
   padding: 0;
 }
@@ -54582,7 +53255,6 @@ Floated Menu / Item
 }
 
 /* Other States */
-
 .ui.ui.selectable.table tr.error:hover,
 .ui.table tr td.selectable.error:hover,
 .ui.selectable.table tr:hover td.error {
@@ -54621,9 +53293,7 @@ Floated Menu / Item
 /* -------------------
           Attached
     -------------------- */
-
 /* Middle */
-
 .ui.attached.table {
   top: 0;
   bottom: 0;
@@ -54640,7 +53310,6 @@ Floated Menu / Item
 }
 
 /* Top */
-
 .ui[class*="top attached"].table {
   bottom: 0;
   margin-bottom: 0;
@@ -54654,7 +53323,6 @@ Floated Menu / Item
 }
 
 /* Bottom */
-
 .ui[class*="bottom attached"].table {
   bottom: 0;
   margin-top: 0;
@@ -54671,23 +53339,19 @@ Floated Menu / Item
 /* --------------
          Striped
     --------------- */
-
 /* Table Striping */
-
 .ui.striped.table>tr:nth-child(2n),
 .ui.striped.table>tbody>tr:nth-child(2n) {
   background-color: rgba(0, 0, 50, 0.02);
 }
 
 /* Stripes */
-
 .ui.inverted.striped.table>tr:nth-child(2n),
 .ui.inverted.striped.table>tbody>tr:nth-child(2n) {
   background-color: rgba(255, 255, 255, 0.05);
 }
 
 /* Allow striped active hover */
-
 .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
   background: #efefef;
   color: rgba(0, 0, 0, 0.95);
@@ -54696,7 +53360,6 @@ Floated Menu / Item
 /* --------------
    Single Line
 --------------- */
-
 .ui.table[class*="single line"],
 .ui.table [class*="single line"] {
   white-space: nowrap;
@@ -54705,7 +53368,6 @@ Floated Menu / Item
 /* -------------------
        Colors
 -------------------- */
-
 .ui.primary.table {
   border-top: 0.2em solid #2185d0;
 }
@@ -54716,7 +53378,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.primary,
 .ui.scrolling.table>tfoot.primary {
   background: #ddf4ff;
@@ -54835,7 +53496,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.secondary,
 .ui.scrolling.table>tfoot.secondary {
   background: #dddddd;
@@ -54954,7 +53614,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.red,
 .ui.scrolling.table>tfoot.red {
   background: #ffe1df;
@@ -55073,7 +53732,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.orange,
 .ui.scrolling.table>tfoot.orange {
   background: #ffe7d1;
@@ -55192,7 +53850,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.yellow,
 .ui.scrolling.table>tfoot.yellow {
   background: #fff9d2;
@@ -55311,7 +53968,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.olive,
 .ui.scrolling.table>tfoot.olive {
   background: #f7fae4;
@@ -55430,7 +54086,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.green,
 .ui.scrolling.table>tfoot.green {
   background: #d5f5d9;
@@ -55549,7 +54204,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.teal,
 .ui.scrolling.table>tfoot.teal {
   background: #e2ffff;
@@ -55668,7 +54322,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.blue,
 .ui.scrolling.table>tfoot.blue {
   background: #ddf4ff;
@@ -55787,7 +54440,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.violet,
 .ui.scrolling.table>tfoot.violet {
   background: #ece9fe;
@@ -55906,7 +54558,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.purple,
 .ui.scrolling.table>tfoot.purple {
   background: #f8e3ff;
@@ -56025,7 +54676,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.pink,
 .ui.scrolling.table>tfoot.pink {
   background: #ffe8f9;
@@ -56144,7 +54794,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.brown,
 .ui.scrolling.table>tfoot.brown {
   background: #f7e5d2;
@@ -56263,7 +54912,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.grey,
 .ui.scrolling.table>tfoot.grey {
   background: #dcddde;
@@ -56382,7 +55030,6 @@ Floated Menu / Item
 }
 
 /* Same color for background and color to camouflage the scrollbar */
-
 .ui.scrolling.table>thead.black,
 .ui.scrolling.table>tfoot.black {
   background: #545454;
@@ -56494,9 +55141,7 @@ Floated Menu / Item
 /* --------------
       Column Count
     --------------- */
-
 /* Grid Based */
-
 .ui.one.column.table td {
   width: 100%;
 }
@@ -56562,7 +55207,6 @@ Floated Menu / Item
 }
 
 /* Column Width */
-
 .ui.table th.one.wide,
 .ui.table td.one.wide {
   width: 6.25%;
@@ -56646,7 +55290,6 @@ Floated Menu / Item
 /* --------------
         Sortable
     --------------- */
-
 .ui.sortable.table>thead>tr>th {
   cursor: pointer;
   white-space: nowrap;
@@ -56686,7 +55329,6 @@ Floated Menu / Item
 }
 
 /* Hover */
-
 .ui.sortable.table th.disabled:hover {
   cursor: auto;
   color: rgba(40, 40, 40, 0.3);
@@ -56701,7 +55343,6 @@ Floated Menu / Item
 }
 
 /* Sorted */
-
 .ui.sortable.table thead th.sorted {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -56715,7 +55356,6 @@ Floated Menu / Item
 }
 
 /* Sorted Hover */
-
 .ui.sortable.table thead th.sorted:hover {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -56725,7 +55365,6 @@ Floated Menu / Item
 }
 
 /* Inverted */
-
 .ui.inverted.sortable.table thead th.sorted {
   color: #ffffff;
 }
@@ -56750,9 +55389,7 @@ Floated Menu / Item
 /* --------------
         Inverted
     --------------- */
-
 /* Text Color */
-
 .ui.inverted.table {
   background: #333;
   color: rgba(255, 255, 255, 0.9);
@@ -56796,7 +55433,6 @@ Floated Menu / Item
 }
 
 /* Definition */
-
 .ui.inverted.definition.table>tfoot:not(.full-width)>tr>th:first-child,
 .ui.inverted.definition.table>thead:not(.full-width)>tr>th:first-child {
   background: #fff;
@@ -56812,7 +55448,6 @@ Floated Menu / Item
 /* --------------
        Collapsing
     --------------- */
-
 .ui.collapsing.table {
   width: auto;
 }
@@ -56820,7 +55455,6 @@ Floated Menu / Item
 /* --------------
           Basic
     --------------- */
-
 .ui.basic.table {
   background: transparent;
   border: 1px solid rgba(34, 36, 38, 0.15);
@@ -56855,7 +55489,6 @@ Floated Menu / Item
 }
 
 /* Very Basic */
-
 .ui[class*="very basic"].table {
   border: none;
 }
@@ -56896,7 +55529,6 @@ Floated Menu / Item
 /* --------------
          Celled
     --------------- */
-
 .ui.celled.table>tr>th,
 .ui.celled.table>thead>tr>th,
 .ui.celled.table>tbody>tr>th,
@@ -56925,7 +55557,6 @@ Floated Menu / Item
 /* --------------
          Padded
     --------------- */
-
 .ui.padded.table>tr>th,
 .ui.padded.table>thead>tr>th,
 .ui.padded.table>tbody>tr>th,
@@ -56945,7 +55576,6 @@ Floated Menu / Item
 }
 
 /* Very */
-
 .ui[class*="very padded"].table>tr>th,
 .ui[class*="very padded"].table>thead>tr>th,
 .ui[class*="very padded"].table>tbody>tr>th,
@@ -56963,7 +55593,6 @@ Floated Menu / Item
 /* --------------
          Compact
     --------------- */
-
 .ui.compact.table>tr>th,
 .ui.compact.table>thead>tr>th,
 .ui.compact.table>tbody>tr>th,
@@ -56979,7 +55608,6 @@ Floated Menu / Item
 }
 
 /* Very */
-
 .ui[class*="very compact"].table>tr>th,
 .ui[class*="very compact"].table>thead>tr>th,
 .ui[class*="very compact"].table>tbody>tr>th,
@@ -56997,7 +55625,6 @@ Floated Menu / Item
 /* --------------
          Stuck
     --------------- */
-
 .ui.stuck.table:not(.inverted) {
   background: #fff;
 }
@@ -57135,9 +55762,7 @@ Floated Menu / Item
 /* --------------
       Sizes
 --------------- */
-
 /* Standard */
-
 .ui.table {
   font-size: 1em;
 }
@@ -57173,7 +55798,6 @@ Floated Menu / Item
 /*******************************
            Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
@@ -57187,11 +55811,9 @@ Floated Menu / Item
  * https://opensource.org/licenses/MIT
  *
  */
-
 /*******************************
          Advertisement
 *******************************/
-
 .ui.ad {
   display: block;
   overflow: hidden;
@@ -57216,30 +55838,25 @@ Floated Menu / Item
 /* --------------
      Common
 --------------- */
-
 /* Leaderboard */
-
 .ui.leaderboard.ad {
   width: 728px;
   height: 90px;
 }
 
 /* Medium Rectangle */
-
 .ui[class*="medium rectangle"].ad {
   width: 300px;
   height: 250px;
 }
 
 /* Large Rectangle */
-
 .ui[class*="large rectangle"].ad {
   width: 336px;
   height: 280px;
 }
 
 /* Half Page */
-
 .ui[class*="half page"].ad {
   width: 300px;
   height: 600px;
@@ -57248,16 +55865,13 @@ Floated Menu / Item
 /* --------------
          Square
     --------------- */
-
 /* Square */
-
 .ui.square.ad {
   width: 250px;
   height: 250px;
 }
 
 /* Small Square */
-
 .ui[class*="small square"].ad {
   width: 200px;
   height: 200px;
@@ -57266,16 +55880,13 @@ Floated Menu / Item
 /* --------------
         Rectangle
     --------------- */
-
 /* Small Rectangle */
-
 .ui[class*="small rectangle"].ad {
   width: 180px;
   height: 150px;
 }
 
 /* Vertical Rectangle */
-
 .ui[class*="vertical rectangle"].ad {
   width: 240px;
   height: 400px;
@@ -57284,7 +55895,6 @@ Floated Menu / Item
 /* --------------
          Button
     --------------- */
-
 .ui.button.ad {
   width: 120px;
   height: 90px;
@@ -57303,16 +55913,13 @@ Floated Menu / Item
 /* --------------
        Skyscrapers
     --------------- */
-
 /* Skyscraper */
-
 .ui.skyscraper.ad {
   width: 120px;
   height: 600px;
 }
 
 /* Wide Skyscraper */
-
 .ui[class*="wide skyscraper"].ad {
   width: 160px;
 }
@@ -57320,30 +55927,25 @@ Floated Menu / Item
 /* --------------
          Banners
     --------------- */
-
 /* Banner */
-
 .ui.banner.ad {
   width: 468px;
   height: 60px;
 }
 
 /* Vertical Banner */
-
 .ui[class*="vertical banner"].ad {
   width: 120px;
   height: 240px;
 }
 
 /* Top Banner */
-
 .ui[class*="top banner"].ad {
   width: 930px;
   height: 180px;
 }
 
 /* Half Banner */
-
 .ui[class*="half banner"].ad {
   width: 234px;
   height: 60px;
@@ -57352,16 +55954,13 @@ Floated Menu / Item
 /* --------------
     Boards
 --------------- */
-
 /* Leaderboard */
-
 .ui[class*="large leaderboard"].ad {
   width: 970px;
   height: 90px;
 }
 
 /* Billboard */
-
 .ui.billboard.ad {
   width: 970px;
   height: 250px;
@@ -57370,9 +55969,7 @@ Floated Menu / Item
 /* --------------
         Panorama
     --------------- */
-
 /* Panorama */
-
 .ui.panorama.ad {
   width: 980px;
   height: 120px;
@@ -57381,9 +55978,7 @@ Floated Menu / Item
 /* --------------
          Netboard
     --------------- */
-
 /* Netboard */
-
 .ui.netboard.ad {
   width: 580px;
   height: 400px;
@@ -57392,16 +55987,13 @@ Floated Menu / Item
 /* --------------
          Mobile
     --------------- */
-
 /* Large Mobile Banner */
-
 .ui[class*="large mobile banner"].ad {
   width: 320px;
   height: 100px;
 }
 
 /* Mobile Leaderboard */
-
 .ui[class*="mobile leaderboard"].ad {
   width: 320px;
   height: 50px;
@@ -57410,9 +56002,7 @@ Floated Menu / Item
 /*******************************
                  Types
     *******************************/
-
 /* Mobile Sizes */
-
 .ui.mobile.ad {
   display: none;
 }
@@ -57426,7 +56016,6 @@ Floated Menu / Item
 /*******************************
            Variations
 *******************************/
-
 .ui.centered.ad {
   margin-left: auto;
   margin-right: auto;
@@ -57461,28 +56050,19 @@ Floated Menu / Item
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Card
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Standard
 *******************************/
-
 /* --------------
       Card
 --------------- */
-
 .ui.cards>.card,
 .ui.card {
   max-width: 100%;
@@ -57521,7 +56101,6 @@ Floated Menu / Item
 /* --------------
       Cards
 --------------- */
-
 .ui.cards {
   display: flex;
   margin: -0.875em -0.5em;
@@ -57535,7 +56114,6 @@ Floated Menu / Item
 }
 
 /* Clearing */
-
 .ui.cards::after,
 .ui.card::after {
   display: block;
@@ -57547,7 +56125,6 @@ Floated Menu / Item
 }
 
 /* Consecutive Card Groups Preserve Row Spacing */
-
 .ui.cards~.ui.cards {
   margin-top: 0.875em;
 }
@@ -57555,7 +56132,6 @@ Floated Menu / Item
 /* --------------
   Rounded Edges
 --------------- */
-
 .ui.cards>.card> :first-child,
 .ui.card> :first-child {
   border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
@@ -57575,7 +56151,6 @@ Floated Menu / Item
 /* --------------
          Images
     --------------- */
-
 .ui.cards>.card>.image,
 .ui.card>.image {
   position: relative;
@@ -57601,7 +56176,6 @@ Floated Menu / Item
 /* --------------
      Content
 --------------- */
-
 .ui.cards>.card>.content,
 .ui.card>.content {
   flex-grow: 1;
@@ -57634,7 +56208,6 @@ Floated Menu / Item
 }
 
 /* Default Header Size */
-
 .ui.cards>.card>.content>.header:not(.ui),
 .ui.card>.content>.header:not(.ui) {
   font-weight: bold;
@@ -57653,7 +56226,6 @@ Floated Menu / Item
 /* ----------------
      Floated Content
     ----------------- */
-
 .ui.cards>.card [class*="left floated"],
 .ui.card [class*="left floated"] {
   float: left;
@@ -57667,7 +56239,6 @@ Floated Menu / Item
 /* --------------
          Aligned
     --------------- */
-
 .ui.cards>.card [class*="left aligned"],
 .ui.card [class*="left aligned"] {
   text-align: left;
@@ -57686,7 +56257,6 @@ Floated Menu / Item
 /* --------------
       Content Image
     --------------- */
-
 .ui.cards>.card .content img,
 .ui.card .content img {
   display: inline-block;
@@ -57706,7 +56276,6 @@ Floated Menu / Item
 /* --------------
        Description
     --------------- */
-
 .ui.cards>.card>.content>.description,
 .ui.card>.content>.description {
   clear: both;
@@ -57716,7 +56285,6 @@ Floated Menu / Item
 /* --------------
     Paragraph
 --------------- */
-
 .ui.cards>.card>.content p,
 .ui.card>.content p {
   margin: 0 0 0.5em;
@@ -57730,7 +56298,6 @@ Floated Menu / Item
 /* --------------
           Meta
     --------------- */
-
 .ui.cards>.card .meta,
 .ui.card .meta {
   font-size: 1em;
@@ -57756,9 +56323,7 @@ Floated Menu / Item
 /* --------------
       Links
 --------------- */
-
 /* Generic */
-
 .ui.cards>.card>.content a:not(.ui),
 .ui.card>.content a:not(.ui) {
   color: "";
@@ -57771,7 +56336,6 @@ Floated Menu / Item
 }
 
 /* Header */
-
 .ui.cards>.card>.content>a.header,
 .ui.card>.content>a.header {
   color: rgba(0, 0, 0, 0.85);
@@ -57783,7 +56347,6 @@ Floated Menu / Item
 }
 
 /* Meta */
-
 .ui.cards>.card .meta>a:not(.ui),
 .ui.card .meta>a:not(.ui) {
   color: rgba(0, 0, 0, 0.4);
@@ -57797,7 +56360,6 @@ Floated Menu / Item
 /* --------------
          Buttons
     --------------- */
-
 .ui.cards>.card>.buttons,
 .ui.card>.buttons,
 .ui.cards>.card>.button,
@@ -57816,7 +56378,6 @@ Floated Menu / Item
 /* --------------
        Basic
     --------------- */
-
 .ui.cards:not(.raised)>.basic.card:not(.raised),
 .ui.ui.ui.basic.cards:not(.raised)>.card:not(.raised),
 .ui.ui.ui.basic.card:not(.raised) {
@@ -57841,7 +56402,6 @@ Floated Menu / Item
 /* --------------
       Dimmer
 --------------- */
-
 .ui.cards>.card .dimmer,
 .ui.card .dimmer {
   background: "";
@@ -57851,11 +56411,8 @@ Floated Menu / Item
 /* --------------
      Labels
 --------------- */
-
 /* -----Star----- */
-
 /* Icon */
-
 .ui.cards>.card>.content .star.icon,
 .ui.card>.content .star.icon {
   cursor: pointer;
@@ -57875,9 +56432,7 @@ Floated Menu / Item
 }
 
 /* -----Like----- */
-
 /* Icon */
-
 .ui.cards>.card>.content .like.icon,
 .ui.card>.content .like.icon {
   cursor: pointer;
@@ -57899,7 +56454,6 @@ Floated Menu / Item
 /* ----------------
       Extra Content
     ----------------- */
-
 .ui.cards>.card>.extra,
 .ui.card>.extra {
   max-width: 100%;
@@ -57931,11 +56485,9 @@ Floated Menu / Item
 /*******************************
             States
 *******************************/
-
 /* --------------
         Disabled
     --------------- */
-
 .ui.disabled.card {
   opacity: 0.45;
   color: rgba(40, 40, 40, 0.3);
@@ -57945,7 +56497,6 @@ Floated Menu / Item
 /* --------------
         Loading
     --------------- */
-
 .ui.loading.card {
   position: relative;
   cursor: default;
@@ -57984,11 +56535,9 @@ Floated Menu / Item
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
           Horizontal
     -------------------- */
-
 .ui.horizontal.cards>.card,
 .ui.card.horizontal {
   flex-flow: row wrap;
@@ -58034,7 +56583,6 @@ Floated Menu / Item
 /* -------------------
            Raised
     -------------------- */
-
 .ui.cards>.raised.card,
 .ui.raised.cards>.card,
 .ui.raised.card {
@@ -58067,7 +56615,6 @@ a.ui.basic.raised.card:hover,
 /* -------------------
            Centered
     -------------------- */
-
 .ui.centered.cards {
   justify-content: center;
 }
@@ -58080,7 +56627,6 @@ a.ui.basic.raised.card:hover,
 /* -------------------
             Fluid
     -------------------- */
-
 .ui.fluid.card {
   width: 100%;
   max-width: 9999px;
@@ -58089,7 +56635,6 @@ a.ui.basic.raised.card:hover,
 /* -------------------
             Link
     -------------------- */
-
 .ui.cards a.card,
 .ui.link.cards .card,
 a.ui.card,
@@ -58112,7 +56657,6 @@ a.ui.card:hover,
 /* -------------------
        Colors
 -------------------- */
-
 .ui.primary.cards>.card,
 .ui.cards>.primary.card,
 .ui.primary.card {
@@ -59125,7 +57669,6 @@ a.ui.basic.inverted.black.card:hover,
 /* --------------
        Card Count
     --------------- */
-
 .ui.one.cards {
   margin-left: 0;
   margin-right: 0;
@@ -59239,9 +57782,7 @@ a.ui.basic.inverted.black.card:hover,
 /* -------------------
           Doubling
     -------------------- */
-
 /* Mobile Only */
-
 @media only screen and (max-width: 767.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
@@ -59344,7 +57885,6 @@ a.ui.basic.inverted.black.card:hover,
 }
 
 /* Tablet Only */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
@@ -59449,7 +57989,6 @@ a.ui.basic.inverted.black.card:hover,
 /* -------------------
           Stackable
     -------------------- */
-
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.cards {
     display: block !important;
@@ -59471,7 +58010,6 @@ a.ui.basic.inverted.black.card:hover,
 /* --------------
       Size
 --------------- */
-
 .ui.cards>.card {
   font-size: 1em;
 }
@@ -59514,7 +58052,6 @@ a.ui.basic.inverted.black.card:hover,
 /* -----------------
           Inverted
     ------------------ */
-
 .ui.inverted.cards>.card,
 .ui.inverted.card {
   background: #1b1c1d;
@@ -59522,14 +58059,12 @@ a.ui.basic.inverted.black.card:hover,
 }
 
 /* Content */
-
 .ui.inverted.cards>.card>.content,
 .ui.inverted.card>.content {
   border-top: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 /* Header */
-
 .ui.inverted.cards>.card>.content>.header,
 .ui.inverted.card>.content>.header {
   color: rgba(255, 255, 255, 0.9);
@@ -59546,14 +58081,12 @@ a.ui.basic.inverted.black.card:hover,
 }
 
 /* Description */
-
 .ui.inverted.cards>.card>.content>.description,
 .ui.inverted.card>.content>.description {
   color: rgba(255, 255, 255, 0.8);
 }
 
 /* Meta */
-
 .ui.inverted.cards>.card .meta,
 .ui.inverted.card .meta {
   color: rgba(255, 255, 255, 0.7);
@@ -59570,7 +58103,6 @@ a.ui.basic.inverted.black.card:hover,
 }
 
 /* Extra */
-
 .ui.inverted.cards>.card>.extra,
 .ui.inverted.card>.extra {
   border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
@@ -59588,7 +58120,6 @@ a.ui.basic.inverted.black.card:hover,
 }
 
 /* Link card(s) */
-
 .ui.inverted.cards a.card:hover,
 .ui.inverted.link.cards .card:not(.icon):hover,
 a.inverted.ui.card:hover,
@@ -59597,7 +58128,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Loading */
-
 .ui.inverted.loading.card {
   color: #fff;
 }
@@ -59609,28 +58139,19 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Comment
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Standard
 *******************************/
-
 /* --------------
     Comments
 --------------- */
-
 .ui.comments {
   margin: 1.5em 0;
   max-width: 650px;
@@ -59647,7 +58168,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Comment
 --------------- */
-
 .ui.comments .comment {
   position: relative;
   background: none;
@@ -59666,7 +58186,6 @@ a.inverted.ui.card:hover,
 /* --------------------
     Nested Comments
 --------------------- */
-
 .ui.comments .comment>.comments {
   margin: 0 0 0.5em 0.5em;
   padding: 1em 0 1em 1em;
@@ -59687,7 +58206,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Avatar
     --------------- */
-
 .ui.comments .comment .avatar {
   display: block;
   width: 2.5em;
@@ -59708,13 +58226,11 @@ a.inverted.ui.card:hover,
 /* --------------
      Content
 --------------- */
-
 .ui.comments .comment>.content {
   display: block;
 }
 
 /* If there is an avatar move content over */
-
 .ui.comments .comment>.avatar~.content {
   margin-left: 3.5em;
 }
@@ -59722,7 +58238,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Author
     --------------- */
-
 .ui.comments .comment .author {
   font-size: 1em;
   color: rgba(0, 0, 0, 0.87);
@@ -59740,7 +58255,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Metadata
     --------------- */
-
 .ui.comments .comment .metadata {
   display: inline-block;
   margin-left: 0.5em;
@@ -59760,7 +58274,6 @@ a.inverted.ui.card:hover,
 /* --------------------
      Comment Text
 --------------------- */
-
 .ui.comments .comment .text {
   margin: 0.25em 0 0.5em;
   font-size: 1em;
@@ -59772,7 +58285,6 @@ a.inverted.ui.card:hover,
 /* --------------------
          User Actions
     --------------------- */
-
 .ui.comments .comment .actions {
   font-size: 0.875em;
 }
@@ -59796,7 +58308,6 @@ a.inverted.ui.card:hover,
 /* --------------------
           Reply Form
     --------------------- */
-
 .ui.comments>.reply.form {
   margin-top: 1em;
 }
@@ -59814,7 +58325,6 @@ a.inverted.ui.card:hover,
 /*******************************
             State
 *******************************/
-
 .ui.collapsed.comments,
 .ui.comments .collapsed.comments,
 .ui.comments .collapsed.comment {
@@ -59824,11 +58334,9 @@ a.inverted.ui.card:hover,
 /*******************************
            Variations
 *******************************/
-
 /* --------------------
             Threaded
     --------------------- */
-
 .ui.threaded.comments .comment>.comments {
   margin: -1.5em 0 -1em 1.25em;
   padding: 3em 0 2em 2.25em;
@@ -59838,7 +58346,6 @@ a.inverted.ui.card:hover,
 /* --------------------
             Minimal
     --------------------- */
-
 .ui.minimal.comments .comment .actions {
   opacity: 0;
   position: absolute;
@@ -59856,7 +58363,6 @@ a.inverted.ui.card:hover,
 /* -------------------
         Sizes
 -------------------- */
-
 .ui.comments {
   font-size: 1rem;
 }
@@ -59892,7 +58398,6 @@ a.inverted.ui.card:hover,
 /* -------------------
             Inverted
     -------------------- */
-
 .ui.inverted.comments .comment {
   background-color: #1b1c1d;
 }
@@ -59926,24 +58431,16 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Feed
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
          Activity Feed
 *******************************/
-
 .ui.feed {
   margin: 1em 0;
 }
@@ -59959,9 +58456,7 @@ a.inverted.ui.card:hover,
 /*******************************
             Content
 *******************************/
-
 /* Event */
-
 .ui.feed>.event {
   display: flex;
   flex-direction: row;
@@ -59984,7 +58479,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Event Label */
-
 .ui.feed>.event>.label {
   display: block;
   flex: 0 0 auto;
@@ -60042,9 +58536,7 @@ a.inverted.ui.card:hover,
 /* --------------
      Content
 --------------- */
-
 /* Content */
-
 .ui.feed>.event>.content {
   display: block;
   flex: 1 1 auto;
@@ -60058,7 +58550,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Link */
-
 .ui.feed>.event>.content a {
   cursor: pointer;
 }
@@ -60066,7 +58557,6 @@ a.inverted.ui.card:hover,
 /* --------------
           Date
     --------------- */
-
 .ui.feed>.event>.content .date {
   margin: -0.5rem 0 0;
   padding: 0;
@@ -60079,7 +58569,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Summary
     --------------- */
-
 .ui.feed>.event>.content .summary {
   margin: 0;
   font-size: 1em;
@@ -60088,7 +58577,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Summary Image */
-
 .ui.feed>.event>.content .summary img {
   display: inline-block;
   width: auto;
@@ -60101,9 +58589,7 @@ a.inverted.ui.card:hover,
 /* --------------
            Inline Date
         --------------- */
-
 /* Date inside Summary */
-
 .ui.feed>.event>.content .summary>.date {
   display: inline-block;
   font-weight: normal;
@@ -60121,7 +58607,6 @@ a.inverted.ui.card:hover,
 /* --------------
           User
     --------------- */
-
 .ui.feed>.event>.content .user {
   display: inline-block;
   font-weight: bold;
@@ -60139,7 +58624,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Extra Summary
     --------------- */
-
 .ui.feed>.event>.content .extra {
   margin: 0.5em 0 0;
   background: none;
@@ -60148,7 +58632,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Images */
-
 .ui.feed>.event>.content .extra.images img {
   display: inline-block;
   margin: 0 0.25em 0 0;
@@ -60156,7 +58639,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Text */
-
 .ui.feed>.event>.content .extra.text {
   padding: 0;
   border-left: none;
@@ -60168,7 +58650,6 @@ a.inverted.ui.card:hover,
 /* --------------
           Meta
     --------------- */
-
 .ui.feed>.event>.content .meta {
   display: inline-block;
   font-size: 0.85714286em;
@@ -60210,7 +58691,6 @@ a.inverted.ui.card:hover,
 }
 
 /* First element */
-
 .ui.feed>.event>.content .meta> :first-child {
   margin-left: 0;
 }
@@ -60220,7 +58700,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Action */
-
 .ui.feed>.event>.content .meta a,
 .ui.feed>.event>.content .meta>i.icon {
   cursor: pointer;
@@ -60238,9 +58717,7 @@ a.inverted.ui.card:hover,
 /*******************************
             Variations
 *******************************/
-
 /* rtl:rename */
-
 .ui.feed .right.floated {
   float: right;
 }
@@ -60315,7 +58792,6 @@ a.inverted.ui.card:hover,
 }
 
 /* workaround until all browsers support :has() */
-
 .ui.connected.labeled.feed>.event::before,
 .ui.connected.feed>.labeled.event::before {
   top: 4.85em;
@@ -60366,7 +58842,6 @@ a.inverted.ui.card:hover,
 /* ------------------
           Inverted
     ------------------- */
-
 .ui.inverted.feed>.event {
   background: #1b1c1d;
 }
@@ -60400,7 +58875,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Colors
 --------------- */
-
 .ui.ui.feed>.event>.primary.label::before,
 .ui.primary.feed>.event>.label::before {
   background: #2185d0;
@@ -60866,28 +59340,19 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Item
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Standard
 *******************************/
-
 /* --------------
       Item
 --------------- */
-
 .ui.items>.item {
   display: flex;
   margin: 1em 0;
@@ -60909,7 +59374,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Items
 --------------- */
-
 .ui.items {
   margin: 1.5em 0;
 }
@@ -60925,7 +59389,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Item
 --------------- */
-
 .ui.items>.item::after {
   display: block;
   content: " ";
@@ -60946,7 +59409,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Images
     --------------- */
-
 .ui.items>.item>.image {
   position: relative;
   flex: 0 0 auto;
@@ -60973,7 +59435,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Content
 --------------- */
-
 .ui.items>.item>.content {
   display: block;
   flex: 1 1 auto;
@@ -61014,7 +59475,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Default Header Size */
-
 .ui.items>.item>.content>.header:not(.ui) {
   font-size: 1.28571429em;
 }
@@ -61022,7 +59482,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Floated
     --------------- */
-
 .ui.items>.item [class*="left floated"] {
   float: left;
 }
@@ -61034,7 +59493,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Content Image
     --------------- */
-
 .ui.items>.item .content img {
   align-self: center;
   width: "";
@@ -61050,7 +59508,6 @@ a.inverted.ui.card:hover,
 /* --------------
        Description
     --------------- */
-
 .ui.items>.item>.content>.description {
   margin-top: 0.6em;
   max-width: none;
@@ -61062,7 +59519,6 @@ a.inverted.ui.card:hover,
 /* --------------
     Paragraph
 --------------- */
-
 .ui.items>.item>.content p {
   margin: 0 0 0.5em;
 }
@@ -61074,7 +59530,6 @@ a.inverted.ui.card:hover,
 /* --------------
           Meta
     --------------- */
-
 .ui.items>.item .meta {
   margin: 0.5em 0 0.5em;
   font-size: 1em;
@@ -61098,9 +59553,7 @@ a.inverted.ui.card:hover,
 /* --------------
       Links
 --------------- */
-
 /* Generic */
-
 .ui.items>.item>.content a:not(.ui) {
   color: "";
   transition: color 0.1s ease;
@@ -61111,7 +59564,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Header */
-
 .ui.items>.item>.content>a.header {
   color: rgba(0, 0, 0, 0.85);
 }
@@ -61121,7 +59573,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Meta */
-
 .ui.items>.item .meta>a:not(.ui) {
   color: rgba(0, 0, 0, 0.4);
 }
@@ -61133,11 +59584,8 @@ a.inverted.ui.card:hover,
 /* --------------
      Labels
 --------------- */
-
 /* -----Star----- */
-
 /* Icon */
-
 .ui.items>.item>.content .favorite.icon {
   cursor: pointer;
   opacity: 0.75;
@@ -61154,9 +59602,7 @@ a.inverted.ui.card:hover,
 }
 
 /* -----Like----- */
-
 /* Icon */
-
 .ui.items>.item>.content .like.icon {
   cursor: pointer;
   opacity: 0.75;
@@ -61175,7 +59621,6 @@ a.inverted.ui.card:hover,
 /* ----------------
       Extra Content
     ----------------- */
-
 .ui.items>.item .extra {
   display: block;
   position: relative;
@@ -61211,15 +59656,12 @@ a.inverted.ui.card:hover,
 /*******************************
           Responsive
 *******************************/
-
 /* Default Image Width */
-
 .ui.items>.item>.image:not(.ui) {
   width: 175px;
 }
 
 /* Tablet Only */
-
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.items>.item {
     margin: 1em 0;
@@ -61236,7 +59678,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Mobile Only */
-
 @media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable)>.item {
     flex-direction: column;
@@ -61265,11 +59706,9 @@ a.inverted.ui.card:hover,
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
            Aligned
     -------------------- */
-
 .ui.items>.item>.image+[class*="top aligned"].content {
   align-self: flex-start;
 }
@@ -61285,7 +59724,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Relaxed
     --------------- */
-
 .ui.relaxed.items>.item {
   margin: 1.5em 0;
 }
@@ -61297,7 +59735,6 @@ a.inverted.ui.card:hover,
 /* -------------------
           Divided
     -------------------- */
-
 .ui.divided.items>.item {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
   margin: 0;
@@ -61316,7 +59753,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Relaxed Divided */
-
 .ui.relaxed.divided.items>.item {
   margin: 0;
   padding: 1.5em 0;
@@ -61330,7 +59766,6 @@ a.inverted.ui.card:hover,
 /* -------------------
             Link
     -------------------- */
-
 .ui.items a.item:hover,
 .ui.link.items>.item:hover {
   cursor: pointer;
@@ -61344,7 +59779,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Size
 --------------- */
-
 .ui.items>.item {
   font-size: 1em;
 }
@@ -61380,7 +59814,6 @@ a.inverted.ui.card:hover,
 /* ---------------
        Unstackable
     ---------------- */
-
 @media only screen and (max-width: 767.98px) {
 
   .ui.unstackable.items>.item>.image,
@@ -61392,7 +59825,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Inverted
     --------------- */
-
 .ui.inverted.items>.item {
   background: transparent;
 }
@@ -61484,26 +59916,17 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Statistic
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
            Statistic
 *******************************/
-
 /* Standalone */
-
 .ui.statistic {
   display: inline-flex;
   flex-direction: column;
@@ -61526,9 +59949,7 @@ a.inverted.ui.card:hover,
 /*******************************
             Group
 *******************************/
-
 /* Grouped */
-
 .ui.statistics {
   display: flex;
   align-items: flex-start;
@@ -61549,7 +59970,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Clearing */
-
 .ui.statistics::after {
   display: block;
   content: " ";
@@ -61566,11 +59986,9 @@ a.inverted.ui.card:hover,
 /*******************************
             Content
 *******************************/
-
 /* --------------
       Value
 --------------- */
-
 .ui.statistics .statistic>.value,
 .ui.statistic>.value {
   font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -61585,7 +60003,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Label
 --------------- */
-
 .ui.statistics .statistic>.label,
 .ui.statistic>.label {
   font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -61597,14 +60014,12 @@ a.inverted.ui.card:hover,
 }
 
 /* Top Label */
-
 .ui.statistics .statistic>.label~.value,
 .ui.statistic>.label~.value {
   margin-top: 0;
 }
 
 /* Bottom Label */
-
 .ui.statistics .statistic>.value~.label,
 .ui.statistic>.value~.label {
   margin-top: 0;
@@ -61613,11 +60028,9 @@ a.inverted.ui.card:hover,
 /*******************************
              Types
 *******************************/
-
 /* --------------
    Icon Value
 --------------- */
-
 .ui.statistics .statistic>.value>i.icon,
 .ui.statistic>.value>i.icon {
   opacity: 1;
@@ -61628,7 +60041,6 @@ a.inverted.ui.card:hover,
 /* --------------
    Text Value
 --------------- */
-
 .ui.statistics .statistic>.text.value,
 .ui.statistic>.text.value {
   line-height: 1em;
@@ -61645,7 +60057,6 @@ a.inverted.ui.card:hover,
 /* --------------
    Image Value
 --------------- */
-
 .ui.statistics .statistic>.value img,
 .ui.statistic>.value img {
   max-height: 3rem;
@@ -61655,11 +60066,9 @@ a.inverted.ui.card:hover,
 /*******************************
             Variations
 *******************************/
-
 /* --------------
       Count
 --------------- */
-
 .ui.ten.statistics {
   margin: 0 0 -1em;
 }
@@ -61757,7 +60166,6 @@ a.inverted.ui.card:hover,
 /* --------------
        Horizontal
     --------------- */
-
 .ui.horizontal.statistic {
   flex-direction: row;
   align-items: center;
@@ -61802,7 +60210,6 @@ a.inverted.ui.card:hover,
 /* --------------
         Inverted
     --------------- */
-
 .ui.inverted.statistics .statistic>.value,
 .ui.inverted.statistic .value {
   color: #fff;
@@ -61816,7 +60223,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Colors
 --------------- */
-
 .ui.primary.statistics .statistic>.value,
 .ui.statistics .primary.statistic>.value,
 .ui.primary.statistic>.value {
@@ -62000,7 +60406,6 @@ a.inverted.ui.card:hover,
 /* --------------
         Floated
     --------------- */
-
 .ui[class*="left floated"].statistic {
   float: left;
   margin: 0 2em 1em 0;
@@ -62018,7 +60423,6 @@ a.inverted.ui.card:hover,
 /* --------------
         Stackable
     --------------- */
-
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.statistics {
     width: auto;
@@ -62036,9 +60440,7 @@ a.inverted.ui.card:hover,
 /* --------------
      Sizes
 --------------- */
-
 /* Medium */
-
 .ui.statistics .statistic>.value,
 .ui.statistic>.value {
   font-size: 4rem;
@@ -62162,24 +60564,16 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
     User Variable Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Accordion
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Accordion
 *******************************/
-
 .ui.accordion,
 .ui.accordion .accordion {
   max-width: 100%;
@@ -62191,7 +60585,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Title */
-
 .ui.accordion.menu .item>.title,
 .ui.accordion>.title,
 .ui.accordion .accordion>.title {
@@ -62205,7 +60598,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Default Styling */
-
 .ui.accordion:not(.styled) .title~.content,
 .ui.accordion:not(.styled) .accordion .title~.content {
   margin: "";
@@ -62217,7 +60609,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Arrow */
-
 .ui.accordion .ui.header>.dropdown.icon,
 .ui.accordion .title>.dropdown.icon,
 .ui.accordion .accordion .title>.dropdown.icon {
@@ -62244,9 +60635,7 @@ a.inverted.ui.card:hover,
 /* --------------
     Coupling
 --------------- */
-
 /* Menu */
-
 .ui.accordion.menu .item .title {
   display: block;
   padding: 0;
@@ -62259,7 +60648,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Header */
-
 .ui.accordion .ui.header>.dropdown.icon {
   font-size: 1em;
   margin: 0 0.25rem 0 0;
@@ -62268,7 +60656,6 @@ a.inverted.ui.card:hover,
 /*******************************
             States
 *******************************/
-
 .ui.accordion[open]>.title>.dropdown.icon,
 .ui.accordion .accordion[open]>.title>.dropdown.icon,
 .ui.accordion .active.title>.dropdown.icon,
@@ -62283,11 +60670,9 @@ a.inverted.ui.card:hover,
 /*******************************
             Types
 *******************************/
-
 /* --------------
          Styled
     --------------- */
-
 .ui.styled.accordion {
   width: 600px;
 }
@@ -62315,7 +60700,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Content */
-
 .ui.styled.accordion>.content {
   margin: 0;
   padding: 0.5em 1em 1.5em;
@@ -62327,7 +60711,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Hover */
-
 .ui.styled.accordion>.title:hover {
   background: transparent;
   color: rgba(0, 0, 0, 0.87);
@@ -62339,7 +60722,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Active */
-
 .ui.styled.accordion[open]>.title,
 .ui.styled.accordion .active.title {
   background: transparent;
@@ -62355,9 +60737,7 @@ a.inverted.ui.card:hover,
 /* --------------
          Compact
     --------------- */
-
 /* Default Styling */
-
 .ui.compact.accordion:not(.styled)>.title,
 .ui.compact.accordion:not(.styled) .accordion>.title {
   padding: 0.25em 0;
@@ -62369,7 +60749,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Styled */
-
 .ui.compact.styled.accordion>.title,
 .ui.compact.styled.accordion .accordion>.title {
   padding: 0.375em 0.5em;
@@ -62383,7 +60762,6 @@ a.inverted.ui.card:hover,
 /* --------------
     Very Compact
   --------------- */
-
 .ui[class*="very compact"].accordion:not(.styled)>.title,
 .ui[class*="very compact"].accordion:not(.styled) .accordion>.title {
   padding: 0.125em 0;
@@ -62407,11 +60785,9 @@ a.inverted.ui.card:hover,
 /*******************************
             States
 *******************************/
-
 /* --------------
    Not Active
 --------------- */
-
 .ui.accordion:not(details) .title~.content:not(.active),
 .ui.accordion .accordion:not(details) .title~.content:not(.active) {
   display: none;
@@ -62420,11 +60796,9 @@ a.inverted.ui.card:hover,
 /*******************************
            Variations
 *******************************/
-
 /* --------------
          Fluid
     --------------- */
-
 .ui.fluid.accordion,
 .ui.fluid.accordion .accordion {
   width: 100%;
@@ -62433,7 +60807,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Inverted
     --------------- */
-
 .ui.inverted.accordion.menu .item>.title,
 .ui.inverted.accordion>.title,
 .ui.inverted.accordion .accordion>.title {
@@ -62453,7 +60826,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Hover */
-
 .ui.inverted.styled.accordion>.title:hover {
   background: transparent;
   color: rgba(255, 255, 255, 0.9);
@@ -62465,7 +60837,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Active */
-
 .ui.inverted.styled.accordion[open]>.title,
 .ui.inverted.styled.accordion .active.title {
   background: transparent;
@@ -62541,7 +60912,6 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 @font-face {
   font-family: Accordion;
   src: url("data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA") format("woff");
@@ -62550,7 +60920,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Dropdown Icon */
-
 .ui.accordion .ui.header>.dropdown.icon,
 .ui.accordion .title>.dropdown.icon,
 .ui.accordion .accordion .title>.dropdown.icon {
@@ -62575,18 +60944,11 @@ a.inverted.ui.card:hover,
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Calendar
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Popup
 *******************************/
-
 .ui.calendar.popup {
   max-width: none;
   padding: 0;
@@ -62603,7 +60965,6 @@ a.inverted.ui.card:hover,
 /*******************************
             Calendar
 *******************************/
-
 .ui.calendar .calendar:focus,
 .ui.calendar.popup:focus {
   outline: 0;
@@ -62612,7 +60973,6 @@ a.inverted.ui.card:hover,
 /*******************************
             Grid
 *******************************/
-
 .ui.calendar.popup .ui.grid {
   display: block;
   white-space: nowrap;
@@ -62625,7 +60985,6 @@ a.inverted.ui.card:hover,
 /*******************************
             Table
 *******************************/
-
 .ui.calendar .ui.table.year,
 .ui.calendar .ui.table.month,
 .ui.calendar .ui.table.minute {
@@ -62708,7 +61067,6 @@ a.inverted.ui.card:hover,
 /* --------------
      States
 --------------- */
-
 .ui.calendar .ui.table tr td.today {
   font-weight: bold;
 }
@@ -62769,7 +61127,6 @@ a.inverted.ui.card:hover,
 /* --------------------
         Sizes
 --------------------- */
-
 .ui.mini.calendar,
 .ui.mini.calendar .ui.table tr th,
 .ui.mini.calendar .ui.table tr td {
@@ -62941,11 +61298,9 @@ a.inverted.ui.card:hover,
 /*******************************
             States
 *******************************/
-
 /* --------------------
             Disabled
     --------------------- */
-
 .ui.disabled.calendar {
   opacity: 0.45;
 }
@@ -62960,22 +61315,14 @@ a.inverted.ui.card:hover,
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Checkbox
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
            Checkbox
 *******************************/
-
 /* --------------
     Content
 --------------- */
-
 .ui.checkbox {
   position: relative;
   display: inline-block;
@@ -62991,7 +61338,6 @@ a.inverted.ui.card:hover,
 }
 
 /* HTML Checkbox */
-
 .ui.checkbox input[type="checkbox"],
 .ui.checkbox input[type="radio"] {
   cursor: pointer;
@@ -63033,7 +61379,6 @@ a.inverted.ui.card:hover,
 /* --------------
     Checkmark
 --------------- */
-
 .ui.checkbox label::after {
   position: absolute;
   font-size: 14px;
@@ -63061,9 +61406,7 @@ a.inverted.ui.card:hover,
 /* --------------
       Label
 --------------- */
-
 /* Inside */
-
 .ui.checkbox label,
 .ui.checkbox+label {
   color: rgba(0, 0, 0, 0.87);
@@ -63071,7 +61414,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Outside */
-
 .ui.checkbox+label {
   vertical-align: middle;
 }
@@ -63079,11 +61421,9 @@ a.inverted.ui.card:hover,
 /*******************************
            States
 *******************************/
-
 /* --------------
       Hover
 --------------- */
-
 .ui.checkbox label:hover::before {
   background: #fff;
   border-color: rgba(34, 36, 38, 0.35);
@@ -63097,7 +61437,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Down
 --------------- */
-
 .ui.checkbox label:active::before {
   background: #f9fafb;
   border-color: rgba(34, 36, 38, 0.35);
@@ -63114,7 +61453,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Focus
 --------------- */
-
 .ui.checkbox input:focus~label::before {
   background: #fff;
   border-color: #96c8da;
@@ -63131,7 +61469,6 @@ a.inverted.ui.card:hover,
 /* --------------
      Active
 --------------- */
-
 .ui.checkbox input:checked~label::before {
   background: #fff;
   border-color: rgba(34, 36, 38, 0.35);
@@ -63145,7 +61482,6 @@ a.inverted.ui.card:hover,
 /* --------------
       Indeterminate
     --------------- */
-
 .ui.checkbox input:not([type="radio"]):indeterminate~label::before {
   background: #fff;
   border-color: rgba(34, 36, 38, 0.35);
@@ -63172,7 +61508,6 @@ a.inverted.ui.card:hover,
 /* --------------
   Active Focus
 --------------- */
-
 .ui.checkbox input:not([type="radio"]):indeterminate:focus~label::before,
 .ui.checkbox input:checked:focus~label::before {
   background: #fff;
@@ -63187,7 +61522,6 @@ a.inverted.ui.card:hover,
 /* --------------
         Read-Only
     --------------- */
-
 .ui.read-only.checkbox,
 .ui.read-only.checkbox label {
   cursor: default;
@@ -63197,7 +61531,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Disabled
     --------------- */
-
 .ui.disabled.checkbox label,
 .ui.checkbox input[disabled]~label {
   cursor: default;
@@ -63209,16 +61542,13 @@ a.inverted.ui.card:hover,
 /* --------------
      Hidden
 --------------- */
-
 /* Initialized checkbox moves input below element
  to prevent manually triggering */
-
 .ui.checkbox input.hidden {
   z-index: -1;
 }
 
 /* Selectable Label */
-
 .ui.checkbox input+label[for],
 .ui.checkbox input.hidden+label {
   cursor: pointer;
@@ -63230,11 +61560,9 @@ a.inverted.ui.card:hover,
 /*******************************
              Types
 *******************************/
-
 /* --------------
          Radio
     --------------- */
-
 .ui.radio.checkbox {
   min-height: 15px;
 }
@@ -63244,7 +61572,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Box */
-
 .ui.radio.checkbox label::before {
   content: "";
   transform: none;
@@ -63256,7 +61583,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Bullet */
-
 .ui.radio.checkbox label::after {
   border: none;
   content: "" !important;
@@ -63271,7 +61597,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Focus */
-
 .ui.radio.checkbox input:focus~label::before {
   background-color: #fff;
 }
@@ -63281,13 +61606,11 @@ a.inverted.ui.card:hover,
 }
 
 /* Indeterminate */
-
 .ui.radio.checkbox input:indeterminate~label::after {
   opacity: 0;
 }
 
 /* Active */
-
 .ui.radio.checkbox input:checked~label::before {
   background-color: #fff;
 }
@@ -63297,7 +61620,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Active Focus */
-
 .ui.radio.checkbox input:focus:checked~label::before {
   background-color: #fff;
 }
@@ -63309,20 +61631,17 @@ a.inverted.ui.card:hover,
 /* --------------
          Slider
     --------------- */
-
 .ui.slider.checkbox {
   min-height: 1.25rem;
 }
 
 /* Input */
-
 .ui.slider.checkbox input {
   width: 3.5rem;
   height: 1.25rem;
 }
 
 /* Label */
-
 .ui.slider.checkbox label {
   padding-left: 4.5rem;
   line-height: 1rem;
@@ -63330,7 +61649,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Line */
-
 .ui.slider.checkbox label::before {
   display: block;
   position: absolute;
@@ -63348,7 +61666,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Handle */
-
 .ui.slider.checkbox label::after {
   background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   position: absolute;
@@ -63367,14 +61684,12 @@ a.inverted.ui.card:hover,
 }
 
 /* Focus */
-
 .ui.slider.checkbox input:focus~label::before {
   background-color: rgba(0, 0, 0, 0.15);
   border: none;
 }
 
 /* Hover */
-
 .ui.slider.checkbox label:hover {
   color: rgba(0, 0, 0, 0.8);
 }
@@ -63384,7 +61699,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Active */
-
 .ui.slider.checkbox input:checked~label {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -63398,7 +61712,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Active Focus */
-
 .ui.slider.checkbox input:focus:checked~label {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -63426,20 +61739,17 @@ a.inverted.ui.card:hover,
 /* --------------
          Toggle
     --------------- */
-
 .ui.toggle.checkbox {
   min-height: 1.5rem;
 }
 
 /* Input */
-
 .ui.toggle.checkbox input {
   width: 3.5rem;
   height: 1.5rem;
 }
 
 /* Label */
-
 .ui.toggle.checkbox label {
   min-height: 1.5rem;
   padding-left: 4.5rem;
@@ -63451,7 +61761,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Switch */
-
 .ui.toggle.checkbox label::before {
   display: block;
   position: absolute;
@@ -63468,7 +61777,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Handle */
-
 .ui.toggle.checkbox label::after {
   background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   position: absolute;
@@ -63491,21 +61799,18 @@ a.inverted.ui.card:hover,
 }
 
 /* Focus */
-
 .ui.toggle.checkbox input:focus~label::before {
   background-color: rgba(0, 0, 0, 0.15);
   border: none;
 }
 
 /* Hover */
-
 .ui.toggle.checkbox label:hover::before {
   background-color: rgba(0, 0, 0, 0.15);
   border: none;
 }
 
 /* Active */
-
 .ui.toggle.checkbox input:checked~label {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -63520,7 +61825,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Active Focus */
-
 .ui.toggle.checkbox input:focus:checked~label {
   color: rgba(0, 0, 0, 0.95);
 }
@@ -63548,11 +61852,9 @@ a.inverted.ui.card:hover,
 /*******************************
             Variations
 *******************************/
-
 /* --------------
          Fitted
     --------------- */
-
 .ui.ui.fitted.checkbox label {
   padding-left: 0;
 }
@@ -63568,14 +61870,12 @@ a.inverted.ui.card:hover,
 /* --------------
          Inverted
     --------------- */
-
 .ui.ui.ui.inverted.checkbox label,
 .ui.ui.ui.inverted.checkbox+label {
   color: rgba(255, 255, 255, 0.9);
 }
 
 /* Hover */
-
 .ui.ui.inverted.checkbox label:hover {
   color: #ffffff;
 }
@@ -63585,25 +61885,21 @@ a.inverted.ui.card:hover,
 }
 
 /* Slider Label */
-
 .ui.inverted.slider.checkbox label {
   color: rgba(255, 255, 255, 0.5);
 }
 
 /* Slider Line */
-
 .ui.ui.inverted.slider.checkbox label::before {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
 /* Slider Hover */
-
 .ui.ui.inverted.slider.checkbox label:hover::before {
   background: rgba(255, 255, 255, 0.7);
 }
 
 /* Slider Active */
-
 .ui.ui.inverted.slider.checkbox input:checked~label {
   color: #ffffff;
 }
@@ -63613,7 +61909,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Slider Active Focus */
-
 .ui.ui.inverted.slider.checkbox input:focus:checked~label {
   color: #ffffff;
 }
@@ -63623,19 +61918,16 @@ a.inverted.ui.card:hover,
 }
 
 /* Toggle Switch */
-
 .ui.ui.inverted.toggle.checkbox label::before {
   background-color: rgba(255, 255, 255, 0.9);
 }
 
 /* Toggle Hover */
-
 .ui.ui.inverted.toggle.checkbox label:hover::before {
   background: #ffffff;
 }
 
 /* Toggle Active */
-
 .ui.ui.inverted.toggle.checkbox input:checked~label {
   color: #ffffff;
 }
@@ -63645,7 +61937,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Toggle Active Focus */
-
 .ui.ui.inverted.toggle.checkbox input:focus:checked~label {
   color: #ffffff;
 }
@@ -63657,7 +61948,6 @@ a.inverted.ui.card:hover,
 /* --------------
          Invisible
     --------------- */
-
 .ui.invisible.checkbox:not(.compact) {
   display: block;
 }
@@ -63709,7 +61999,6 @@ a.inverted.ui.card:hover,
 /* --------------------
         Size
 --------------------- */
-
 .ui.mini.checkbox {
   font-size: 0.78571429em;
 }
@@ -63825,26 +62114,22 @@ a.inverted.ui.card:hover,
 /*******************************
          Theme Overrides
 *******************************/
-
 @font-face {
   font-family: Checkbox;
   src: url("data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=") format("woff");
 }
 
 /* Checkmark */
-
 .ui.checkbox label::after {
   font-family: Checkbox;
 }
 
 /* Checked */
-
 .ui.checkbox input:checked~label::after {
   content: "\e800";
 }
 
 /* Indeterminate */
-
 .ui.checkbox input:indeterminate~label::after {
   font-size: 12px;
   content: "\e801";
@@ -63855,24 +62140,16 @@ a.inverted.ui.card:hover,
 .dash::before { content: '\e801'; }
 .plus::before { content: '\e802'; }
 */
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Dimmer
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Dimmer
 *******************************/
-
 .dimmable:not(body) {
   position: relative;
 }
@@ -63904,7 +62181,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Dimmer Content */
-
 .ui.dimmer>.content {
   -webkit-user-select: text;
   -ms-user-select: text;
@@ -63913,13 +62189,11 @@ a.inverted.ui.card:hover,
 }
 
 /* Loose Coupling */
-
 .ui.segment>.ui.dimmer:not(.page) {
   border-radius: inherit;
 }
 
 /* Scrollbars */
-
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.1);
 }
@@ -63949,16 +62223,13 @@ a.inverted.ui.card:hover,
 /*******************************
             States
 *******************************/
-
 /* Animating */
-
 .animating.dimmable:not(body),
 .dimmed.dimmable:not(body) {
   overflow: hidden;
 }
 
 /* Animating / Active / Visible */
-
 .dimmed.dimmable>.ui.animating.dimmer,
 .dimmed.dimmable>.ui.visible.dimmer,
 .ui.active.dimmer {
@@ -63967,7 +62238,6 @@ a.inverted.ui.card:hover,
 }
 
 /* Disabled */
-
 .ui.disabled.dimmer {
   width: 0 !important;
   height: 0 !important;
@@ -63976,13 +62246,10 @@ a.inverted.ui.card:hover,
 /*******************************
            Variations
 *******************************/
-
 /* --------------
         Legacy
     --------------- */
-
 /* Animating / Active / Visible */
-
 .dimmed.dimmable>.ui.animating.legacy.dimmer,
 .dimmed.dimmable>.ui.visible.legacy.dimmer,
 .ui.active.legacy.dimmer {
@@ -63992,7 +62259,6 @@ a.inverted.ui.card:hover,
 /* --------------
         Alignment
     --------------- */
-
 .ui[class*="top aligned"].dimmer {
   justify-content: flex-start;
 }
@@ -64004,7 +62270,6 @@ a.inverted.ui.card:hover,
 /* --------------
           Page
     --------------- */
-
 .ui.page.dimmer {
   position: fixed;
   transform-style: "";
@@ -64028,7 +62293,6 @@ body.dimmable>.dimmer {
 /* --------------
         Blurring
     --------------- */
-
 @supports (not (-webkit-backdrop-filter: none)) and (not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))) {
   .blurring.dimmable> :not(.dimmer) {
     filter: initial;
@@ -64041,7 +62305,6 @@ body.dimmable>.dimmer {
 }
 
 /* Dimmer Color */
-
 .blurring.dimmable>.dimmer {
   background: rgba(0, 0, 0, 0.6);
   -webkit-backdrop-filter: blur(5px) grayscale(0.7);
@@ -64055,7 +62318,6 @@ body.dimmable>.dimmer {
 /* --------------
         Aligned
     --------------- */
-
 .ui.dimmer>.top.aligned.content>* {
   vertical-align: top;
 }
@@ -64067,7 +62329,6 @@ body.dimmable>.dimmer {
 /* --------------
         Shades
     --------------- */
-
 .medium.medium.medium.medium.medium.dimmer {
   background: rgba(0, 0, 0, 0.65);
 }
@@ -64083,7 +62344,6 @@ body.dimmable>.dimmer {
 /* --------------
         Inverted
     --------------- */
-
 .ui.inverted.dimmer {
   background: rgba(255, 255, 255, 0.85);
 }
@@ -64096,7 +62356,6 @@ body.dimmable>.dimmer {
 /* --------------
          Inverted Shades
         --------------- */
-
 .medium.medium.medium.medium.medium.inverted.dimmer {
   background: rgba(255, 255, 255, 0.65);
 }
@@ -64112,9 +62371,7 @@ body.dimmable>.dimmer {
 /* --------------
          Simple
     --------------- */
-
 /* Displays without javascript */
-
 .ui.simple.dimmer {
   display: block;
   overflow: hidden;
@@ -64145,7 +62402,6 @@ body.dimmable>.dimmer {
 /* --------------
          Partially
     ---------------- */
-
 .ui[class*="top dimmer"],
 .ui[class*="center dimmer"],
 .ui[class*="bottom dimmer"] {
@@ -64266,24 +62522,16 @@ body.dimmable>.dimmer {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
         User Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Dropdown
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Dropdown
 *******************************/
-
 .ui.dropdown {
   cursor: pointer;
   position: relative;
@@ -64300,11 +62548,9 @@ body.dimmable>.dimmer {
 /*******************************
             Content
 *******************************/
-
 /* --------------
       Menu
 --------------- */
-
 .ui.dropdown .menu {
   cursor: auto;
   position: absolute;
@@ -64334,7 +62580,6 @@ body.dimmable>.dimmer {
 /* --------------
   Hidden Input
 --------------- */
-
 .ui.dropdown>input:not(.search):first-child,
 .ui.dropdown>select {
   display: none !important;
@@ -64343,7 +62588,6 @@ body.dimmable>.dimmer {
 /* --------------
  Dropdown Icon
 --------------- */
-
 .ui.dropdown:not(.labeled)>.dropdown.icon {
   position: relative;
   width: auto;
@@ -64365,7 +62609,6 @@ body.dimmable>.dimmer {
 /* --------------
       Text
 --------------- */
-
 .ui.dropdown>.text {
   display: inline-block;
   transition: none;
@@ -64374,7 +62617,6 @@ body.dimmable>.dimmer {
 /* --------------
     Menu Item
 --------------- */
-
 .ui.dropdown .menu>.item {
   position: relative;
   cursor: pointer;
@@ -64406,7 +62648,6 @@ body.dimmable>.dimmer {
 /* --------------
   Floated Content
 --------------- */
-
 .ui.dropdown>.text>[class*="right floated"],
 .ui.dropdown .menu .item>[class*="right floated"] {
   float: right !important;
@@ -64431,7 +62672,6 @@ body.dimmable>.dimmer {
 /* --------------
   Menu Divider
 --------------- */
-
 .ui.dropdown .menu>.header {
   margin: 1rem 0 0.75rem;
   padding: 0 1.14285714rem;
@@ -64479,7 +62719,6 @@ body.dimmable>.dimmer {
 /* -----------------
   Item Description
 ------------------- */
-
 .ui.dropdown>.text>.description,
 .ui.dropdown .menu>.item>.description {
   float: right;
@@ -64494,7 +62733,6 @@ body.dimmable>.dimmer {
 /* -----------------
       Item Text
 ------------------- */
-
 .ui.dropdown .menu>.item.vertical>.text {
   margin-bottom: 0.25em;
 }
@@ -64502,7 +62740,6 @@ body.dimmable>.dimmer {
 /* -----------------
        Message
 ------------------- */
-
 .ui.dropdown .menu>.message {
   padding: 0.78571429rem 1.14285714rem;
   font-weight: normal;
@@ -64515,7 +62752,6 @@ body.dimmable>.dimmer {
 /* --------------
     Sub Menu
 --------------- */
-
 .ui.dropdown .menu .menu {
   top: 0;
   left: 100%;
@@ -64526,7 +62762,6 @@ body.dimmable>.dimmer {
 }
 
 /* Hide Arrow */
-
 .ui.dropdown .menu .menu::after {
   display: none;
 }
@@ -64534,9 +62769,7 @@ body.dimmable>.dimmer {
 /* --------------
    Sub Elements
 --------------- */
-
 /* Icons / Flags / Labels / Image */
-
 .ui.dropdown>.text>i.icons,
 .ui.dropdown>.text>i.icon,
 .ui.dropdown>.text>.label,
@@ -64575,7 +62808,6 @@ body.dimmable>.dimmer {
 /* --------------
      Image
 --------------- */
-
 .ui.dropdown>.text>img,
 .ui.dropdown>.text>.image:not(.icon),
 .ui.dropdown .menu>.item>.image:not(.icon),
@@ -64591,26 +62823,21 @@ body.dimmable>.dimmer {
 /*******************************
             Coupling
 *******************************/
-
 /* --------------
       Menu
 --------------- */
-
 /* Remove Menu Item Divider */
-
 .ui.dropdown .ui.menu>.item::before,
 .ui.menu .ui.dropdown .menu>.item::before {
   display: none;
 }
 
 /* Prevent Menu Item Border */
-
 .ui.menu .ui.dropdown .menu .active.item {
   border-left: none;
 }
 
 /* Automatically float dropdown menu right on last menu item */
-
 .ui.menu .right.menu .dropdown:last-child>.menu:not(.left),
 .ui.menu .right.dropdown.item>.menu:not(.left),
 .ui.buttons>.ui.dropdown:last-child>.menu:not(.left) {
@@ -64621,9 +62848,7 @@ body.dimmable>.dimmer {
 /* --------------
           Label
     --------------- */
-
 /* Dropdown Menu */
-
 .ui.label.dropdown .menu {
   min-width: 100%;
 }
@@ -64631,9 +62856,7 @@ body.dimmable>.dimmer {
 /* --------------
          Button
     --------------- */
-
 /* No Margin On Icon Button */
-
 .ui.dropdown.icon.button>.dropdown.icon {
   margin: 0;
 }
@@ -64653,7 +62876,6 @@ body.dimmable>.dimmer {
 /*******************************
               Types
 *******************************/
-
 select.ui.dropdown {
   height: 38px;
   padding: 0.5em;
@@ -64664,9 +62886,7 @@ select.ui.dropdown {
 /* --------------
         Selection
     --------------- */
-
 /* Displays like a select box */
-
 .ui.selection.dropdown {
   cursor: pointer;
   word-wrap: break-word;
@@ -64709,7 +62929,6 @@ select.ui.dropdown {
 }
 
 /* Compact */
-
 .ui.compact.selection.dropdown {
   min-width: 0;
 }
@@ -64724,7 +62943,6 @@ select.ui.dropdown {
 }
 
 /* Selection Menu */
-
 .ui.selection.dropdown:not(.unlimited) .menu {
   overflow-x: hidden;
   overflow-y: auto;
@@ -64756,7 +62974,6 @@ select.ui.dropdown {
 /* --------------
         Message
     --------------- */
-
 .ui.selection.dropdown .menu>.message {
   padding: 0.78571429rem 1.14285714rem;
 }
@@ -64850,7 +63067,6 @@ select.ui.dropdown {
 }
 
 /* Menu Item */
-
 .ui.selection.dropdown .menu>.item {
   border-top: 1px solid #fafafa;
   padding: 0.78571429rem 1.14285714rem;
@@ -64864,13 +63080,11 @@ select.ui.dropdown {
 }
 
 /* User Item */
-
 .ui.selection.dropdown .menu>.hidden.addition.item {
   display: none;
 }
 
 /* User addition item */
-
 .ui.dropdown>.menu>.stuck.addition.item:first-child {
   position: sticky;
   top: 0;
@@ -64880,14 +63094,12 @@ select.ui.dropdown {
 }
 
 /* Hover */
-
 .ui.selection.dropdown:hover {
   border-color: rgba(34, 36, 38, 0.35);
   box-shadow: none;
 }
 
 /* Active */
-
 .ui.selection.simple.dropdown:hover,
 .ui.selection.active.dropdown {
   border-color: #96c8da;
@@ -64901,7 +63113,6 @@ select.ui.dropdown {
 }
 
 /* Focus */
-
 .ui.selection.dropdown:focus {
   border-color: #96c8da;
   box-shadow: none;
@@ -64913,14 +63124,12 @@ select.ui.dropdown {
 }
 
 /* Visible */
-
 .ui.selection.visible.dropdown>.text:not(.default) {
   font-weight: normal;
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Visible Hover */
-
 .ui.selection.active.dropdown:hover {
   border-color: #96c8da;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
@@ -64932,7 +63141,6 @@ select.ui.dropdown {
 }
 
 /* Dropdown Icon */
-
 .ui.active.selection.dropdown>.dropdown.icon,
 .ui.visible.selection.dropdown>.dropdown.icon {
   opacity: "";
@@ -64940,14 +63148,12 @@ select.ui.dropdown {
 }
 
 /* Connecting Border */
-
 .ui.active.selection.dropdown:not(.pointing):not(.floating) {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
 
 /* Empty Connecting Border */
-
 .ui.active.empty.selection.dropdown {
   border-radius: 0.28571429rem !important;
   box-shadow: none !important;
@@ -64959,7 +63165,6 @@ select.ui.dropdown {
 }
 
 /* CSS specific to iOS devices or firefox mobile only */
-
 @supports (-webkit-touch-callout: none) or (-moz-appearance: none) {
   @media (-moz-touch-enabled),
   (pointer: coarse) {
@@ -64999,15 +63204,12 @@ select.ui.dropdown {
 /* --------------
        Searchable
     --------------- */
-
 /* Search Selection */
-
 .ui.search.dropdown {
   min-width: "";
 }
 
 /* Search Dropdown */
-
 .ui.search.dropdown>input.search {
   background: none transparent !important;
   border: none !important;
@@ -65022,7 +63224,6 @@ select.ui.dropdown {
 }
 
 /* Text Layering */
-
 .ui.search.dropdown>input.search {
   position: absolute;
   z-index: 2;
@@ -65036,14 +63237,12 @@ select.ui.dropdown {
 }
 
 /* Search Selection */
-
 .ui.search.selection.dropdown>input.search {
   line-height: 1.21428571em;
   padding: 0.67857143em 3.2em 0.67857143em 1em;
 }
 
 /* Used to size multi select input to character width */
-
 .ui.search.selection.dropdown>span.sizer {
   line-height: 1.21428571em;
   padding: 0.67857143em 3.2em 0.67857143em 1em;
@@ -65052,7 +63251,6 @@ select.ui.dropdown {
 }
 
 /* Active/Visible Search */
-
 .ui.search.dropdown.active>input.search,
 .ui.search.dropdown.visible>input.search {
   cursor: auto;
@@ -65064,7 +63262,6 @@ select.ui.dropdown {
 }
 
 /* Filtered Text */
-
 .ui.active.search.dropdown input.search:focus+.text i.icon,
 .ui.active.search.dropdown input.search:focus+.text .flag {
   opacity: 0.45;
@@ -65079,7 +63276,6 @@ select.ui.dropdown {
 }
 
 /* Search Menu */
-
 .ui.search.dropdown:not(.unlimited) .menu {
   overflow-x: hidden;
   overflow-y: auto;
@@ -65114,7 +63310,6 @@ select.ui.dropdown {
 }
 
 /* Clearable Selection */
-
 .ui.dropdown>.remove.icon {
   cursor: pointer;
   font-size: 0.85714286em;
@@ -65158,9 +63353,7 @@ select.ui.dropdown {
 /* --------------
         Multiple
     --------------- */
-
 /* Multiple Selection */
-
 .ui.ui.multiple.dropdown {
   padding: 0.22619048em 3.2em 0.22619048em 0.35714286em;
 }
@@ -65170,7 +63363,6 @@ select.ui.dropdown {
 }
 
 /* Selection Label */
-
 .ui.multiple.dropdown>.label {
   display: inline-block;
   white-space: normal;
@@ -65181,14 +63373,12 @@ select.ui.dropdown {
 }
 
 /* Dropdown Icon */
-
 .ui.multiple.dropdown .dropdown.icon {
   margin: "";
   padding: "";
 }
 
 /* Text */
-
 .ui.multiple.dropdown>.text {
   position: static;
   padding: 0;
@@ -65240,16 +63430,13 @@ select.ui.dropdown {
 /* -----------------
           Multiple Search
         ----------------- */
-
 /* Multiple Search Selection */
-
 .ui.multiple.search.dropdown,
 .ui.multiple.search.dropdown>input.search {
   cursor: text;
 }
 
 /* Prompt Text */
-
 .ui.multiple.search.dropdown>.text {
   display: inline-block;
   position: absolute;
@@ -65265,7 +63452,6 @@ select.ui.dropdown {
 }
 
 /* Search */
-
 .ui.multiple.search.dropdown>input.search {
   position: static;
   padding: 0;
@@ -65291,7 +63477,6 @@ select.ui.dropdown {
 /* --------------
          Inline
     --------------- */
-
 .ui.inline.dropdown {
   cursor: pointer;
   display: inline-block;
@@ -65316,13 +63501,10 @@ select.ui.dropdown {
 /*******************************
             States
 *******************************/
-
 /* --------------------
         Active
 ---------------------- */
-
 /* Menu Item Active */
-
 .ui.dropdown .menu .active.item {
   background: transparent;
   font-weight: bold;
@@ -65334,9 +63516,7 @@ select.ui.dropdown {
 /* --------------------
         Hover
 ---------------------- */
-
 /* Menu Item Hover */
-
 .ui.dropdown .menu>.item:hover {
   background: #f2f2f2;
   color: rgba(0, 0, 0, 0.95);
@@ -65346,7 +63526,6 @@ select.ui.dropdown {
 /* --------------------
      Default Text
 ---------------------- */
-
 .ui.dropdown:not(.button)>.default.text,
 .ui.default.dropdown:not(.button)>.text {
   color: rgba(191, 191, 191, 0.87);
@@ -65360,7 +63539,6 @@ select.ui.dropdown {
 /* --------------------
            Loading
     --------------------- */
-
 .ui.loading.dropdown>i.icon {
   height: 1em !important;
 }
@@ -65396,7 +63574,6 @@ select.ui.dropdown {
 }
 
 /* Coupling */
-
 .ui.loading.dropdown.button>i.icon::before,
 .ui.loading.dropdown.button>i.icon::after {
   display: none;
@@ -65407,7 +63584,6 @@ select.ui.dropdown {
 }
 
 /* Used To Check Position */
-
 .ui.dropdown .loading.menu {
   display: block;
   visibility: hidden;
@@ -65427,9 +63603,7 @@ select.ui.dropdown {
 /* --------------------
     Keyboard Select
 ---------------------- */
-
 /* Selected Item */
-
 .ui.dropdown.selected,
 .ui.dropdown .menu .selected.item {
   background: #f7f7f7;
@@ -65439,9 +63613,7 @@ select.ui.dropdown {
 /* --------------------
     Search Filtered
 ---------------------- */
-
 /* Filtered Item */
-
 .ui.dropdown>.filtered.text {
   visibility: hidden;
 }
@@ -65453,7 +63625,6 @@ select.ui.dropdown {
 /* --------------------
             States
     ---------------------- */
-
 .ui.dropdown.error,
 .ui.dropdown.error>.text,
 .ui.dropdown.error>.default.text {
@@ -65483,13 +63654,11 @@ select.ui.dropdown {
 }
 
 /* Item Hover */
-
 .ui.dropdown.error>.menu>.item:hover {
   background-color: #fbe7e7;
 }
 
 /* Item Active */
-
 .ui.dropdown.error>.menu .active.item {
   background-color: #fdcfcf;
 }
@@ -65523,13 +63692,11 @@ select.ui.dropdown {
 }
 
 /* Item Hover */
-
 .ui.dropdown.info>.menu>.item:hover {
   background-color: #e9f2fb;
 }
 
 /* Item Active */
-
 .ui.dropdown.info>.menu .active.item {
   background-color: #cef1fd;
 }
@@ -65563,13 +63730,11 @@ select.ui.dropdown {
 }
 
 /* Item Hover */
-
 .ui.dropdown.success>.menu>.item:hover {
   background-color: #e9fbe9;
 }
 
 /* Item Active */
-
 .ui.dropdown.success>.menu .active.item {
   background-color: #dafdce;
 }
@@ -65603,13 +63768,11 @@ select.ui.dropdown {
 }
 
 /* Item Hover */
-
 .ui.dropdown.warning>.menu>.item:hover {
   background-color: #fbfbe9;
 }
 
 /* Item Active */
-
 .ui.dropdown.warning>.menu .active.item {
   background-color: #fdfdce;
 }
@@ -65617,7 +63780,6 @@ select.ui.dropdown {
 /* --------------------
             Clear
     ---------------------- */
-
 .ui.dropdown>.remove.icon,
 .ui.dropdown>.clear.dropdown.icon {
   opacity: 0.6;
@@ -65632,9 +63794,7 @@ select.ui.dropdown {
 /* --------------------
             Disabled
     ---------------------- */
-
 /* Disabled */
-
 .ui.disabled.dropdown,
 .ui.dropdown .menu>.disabled.item {
   cursor: default;
@@ -65645,7 +63805,6 @@ select.ui.dropdown {
 /* --------------------
             Read-Only
     ---------------------- */
-
 .ui.read-only.dropdown {
   cursor: default;
   pointer-events: none;
@@ -65661,19 +63820,15 @@ select.ui.dropdown {
 /*******************************
            Variations
 *******************************/
-
 /* --------------
     Direction
 --------------- */
-
 /* Flyout Direction */
-
 .ui.dropdown .menu {
   left: 0;
 }
 
 /* Default Side (Right) */
-
 .ui.dropdown .right.menu>.menu,
 .ui.dropdown .menu .right.menu {
   left: 100% !important;
@@ -65682,7 +63837,6 @@ select.ui.dropdown {
 }
 
 /* Leftward Opening Menu */
-
 .ui.dropdown>.left.menu {
   left: auto !important;
   right: 0 !important;
@@ -65719,9 +63873,7 @@ select.ui.dropdown {
 /* --------------
          Upward
     --------------- */
-
 /* Upward Main Menu */
-
 .ui.upward.dropdown>.menu {
   top: auto;
   bottom: 100%;
@@ -65729,21 +63881,18 @@ select.ui.dropdown {
 }
 
 /* Upward Sub Menu */
-
 .ui.dropdown .upward.menu {
   top: auto !important;
   bottom: 0 !important;
 }
 
 /* Active Upward */
-
 .ui.simple.upward.active.dropdown,
 .ui.simple.upward.dropdown:hover {
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 
 /* Button */
-
 .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
@@ -65753,7 +63902,6 @@ select.ui.dropdown {
 }
 
 /* Selection */
-
 .ui.ui.upward.selection.dropdown:not(.pointing):not(.floating) .menu {
   border-top-width: 1px;
   border-bottom-width: 0;
@@ -65766,13 +63914,11 @@ select.ui.dropdown {
 }
 
 /* Active Upward */
-
 .ui.active.upward.selection.dropdown:not(.pointing):not(.floating) {
   border-radius: 0 0 0.28571429rem 0.28571429rem !important;
 }
 
 /* Visible Upward */
-
 .ui.upward.selection.dropdown.visible {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
 }
@@ -65782,7 +63928,6 @@ select.ui.dropdown {
 }
 
 /* Visible Hover Upward */
-
 .ui.upward.active.selection.dropdown:hover {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
 }
@@ -65794,9 +63939,7 @@ select.ui.dropdown {
 /* --------------
          Scrolling
     --------------- */
-
 /* Selection Menu */
-
 .ui.scrolling.dropdown .menu,
 .ui.dropdown .scrolling.menu {
   overflow-x: hidden;
@@ -65834,7 +63977,6 @@ select.ui.dropdown {
 }
 
 /* Scrollbar in IE */
-
 @media all and (-ms-high-contrast: none) {
 
   .ui.scrolling.dropdown .menu,
@@ -65904,9 +64046,7 @@ select.ui.dropdown {
 /* --------------------
             Labeled
     --------------------- */
-
 /* Regular Label on Left */
-
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child+.dropdown {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -65914,7 +64054,6 @@ select.ui.dropdown {
 }
 
 /* Regular Label on Right */
-
 .ui[class*="right labeled"].input>.dropdown:not(:last-child) {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
@@ -65929,7 +64068,6 @@ select.ui.dropdown {
 /* --------------
          Columnar
     --------------- */
-
 .ui.column.dropdown>.menu {
   flex-wrap: wrap;
 }
@@ -65953,9 +64091,7 @@ select.ui.dropdown {
 /* --------------
          Simple
     --------------- */
-
 /* Displays without javascript */
-
 .ui.simple.dropdown .menu::before,
 .ui.simple.dropdown .menu::after {
   display: none;
@@ -66037,13 +64173,11 @@ select.ui.dropdown {
 }
 
 /* Visible */
-
 .ui.simple.visible.dropdown>.menu {
   display: block;
 }
 
 /* Scrolling */
-
 .ui.simple.scrolling.active.dropdown>.menu,
 .ui.simple.scrolling.dropdown:hover>.menu {
   overflow-x: hidden;
@@ -66055,7 +64189,6 @@ select.ui.dropdown {
 /* --------------
           Fluid
     --------------- */
-
 .ui.fluid.dropdown {
   display: block;
   width: 100% !important;
@@ -66069,7 +64202,6 @@ select.ui.dropdown {
 /* --------------
         Floating
     --------------- */
-
 .ui.floating.dropdown>.menu {
   left: 0;
   right: auto;
@@ -66088,7 +64220,6 @@ select.ui.dropdown {
 /* --------------
          Pointing
     --------------- */
-
 .ui.pointing.dropdown>.menu {
   top: 100%;
   margin-top: 0.78571429rem;
@@ -66133,7 +64264,6 @@ select.ui.dropdown {
 }
 
 /* Top Left Pointing */
-
 .ui.top.left.pointing.dropdown>.menu {
   top: 100%;
   bottom: auto;
@@ -66159,7 +64289,6 @@ select.ui.dropdown {
 }
 
 /* Top Right Pointing */
-
 .ui.top.right.pointing.dropdown>.menu {
   top: 100%;
   bottom: auto;
@@ -66178,7 +64307,6 @@ select.ui.dropdown {
 }
 
 /* Left Pointing */
-
 .ui.left.pointing.dropdown>.menu {
   top: 0;
   left: 100%;
@@ -66208,7 +64336,6 @@ select.ui.dropdown {
 }
 
 /* Right Pointing */
-
 .ui.right.pointing.dropdown>.menu {
   top: 0;
   left: auto;
@@ -66225,7 +64352,6 @@ select.ui.dropdown {
 }
 
 /* Bottom Pointing */
-
 .ui.bottom.pointing.dropdown>.menu {
   top: auto;
   bottom: 100%;
@@ -66243,14 +64369,12 @@ select.ui.dropdown {
 }
 
 /* Reverse Sub-Menu Direction */
-
 .ui.bottom.pointing.dropdown>.menu .menu {
   top: auto !important;
   bottom: 0 !important;
 }
 
 /* Bottom Left */
-
 .ui.bottom.left.pointing.dropdown>.menu {
   left: 0;
   right: auto;
@@ -66262,7 +64386,6 @@ select.ui.dropdown {
 }
 
 /* Bottom Right */
-
 .ui.bottom.right.pointing.dropdown>.menu {
   right: 0;
   left: auto;
@@ -66274,7 +64397,6 @@ select.ui.dropdown {
 }
 
 /* Upward pointing */
-
 .ui.pointing.upward.dropdown .menu,
 .ui.top.pointing.upward.dropdown .menu {
   top: auto !important;
@@ -66296,7 +64418,6 @@ select.ui.dropdown {
 }
 
 /* Right Pointing Upward */
-
 .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
   top: auto !important;
   bottom: 0 !important;
@@ -66311,7 +64432,6 @@ select.ui.dropdown {
 }
 
 /* Left Pointing Upward */
-
 .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
   top: auto !important;
   bottom: 0 !important;
@@ -66340,7 +64460,6 @@ select.ui.dropdown {
 /* --------------------
         Sizes
 --------------------- */
-
 .ui.dropdown,
 .ui.dropdown .menu>.item {
   font-size: 1rem;
@@ -66384,9 +64503,7 @@ select.ui.dropdown {
 /* --------------
         Inverted
     --------------- */
-
 /* General rules and basic dropdowns */
-
 .ui.dropdown .inverted.menu,
 .ui.inverted.dropdown .menu {
   background: #1b1c1d;
@@ -66442,7 +64559,6 @@ select.ui.dropdown {
 }
 
 /* Selection */
-
 .ui.inverted.selection.dropdown {
   border: 1px solid rgba(255, 255, 255, 0.15);
   background: #1b1c1d;
@@ -66500,14 +64616,12 @@ select.ui.dropdown {
 }
 
 /* Fixing the border */
-
 .ui.dropdown .inverted.menu>.item:first-child,
 .ui.inverted.dropdown .menu>.item:first-child {
   border-top-width: 0;
 }
 
 /* Labels */
-
 .ui.inverted.multiple.dropdown>.label {
   background-color: rgba(255, 255, 255, 0.7);
   background-image: none;
@@ -66533,7 +64647,6 @@ select.ui.dropdown {
 }
 
 /* Selection for form elements */
-
 .ui.inverted.dropdown textarea::selection,
 .ui.inverted.dropdown input::selection {
   background-color: rgba(255, 255, 255, 0.25);
@@ -66541,7 +64654,6 @@ select.ui.dropdown {
 }
 
 /* Scrollbars */
-
 .ui.dropdown .inverted.menu::-webkit-scrollbar-track,
 .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.1);
@@ -66599,9 +64711,7 @@ select.ui.dropdown {
 /*******************************
          Theme Overrides
 *******************************/
-
 /* Dropdown Carets */
-
 @font-face {
   font-family: Dropdown;
   src: url("data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==") format("woff");
@@ -66630,7 +64740,6 @@ select.ui.dropdown {
 }
 
 /* Sub Menu */
-
 .ui.dropdown .menu .item .dropdown.icon::before {
   content: "\f0da"
   ;
@@ -66642,7 +64751,6 @@ select.ui.dropdown {
 }
 
 /* Vertical Menu Dropdown */
-
 .ui.vertical.menu .dropdown.item>.dropdown.icon::before {
   content: "\f0da"
   ;
@@ -66662,24 +64770,16 @@ select.ui.dropdown {
   content: "\f0da";
 }
 */
-
 /*******************************
         User Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Embed
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Types
 *******************************/
-
 .ui.embed {
   position: relative;
   max-width: 100%;
@@ -66692,7 +64792,6 @@ select.ui.dropdown {
 /* -----------------
   Embedded Content
 ------------------ */
-
 .ui.embed iframe,
 .ui.embed embed,
 .ui.embed object {
@@ -66710,7 +64809,6 @@ select.ui.dropdown {
 /* -----------------
       Embed
 ------------------ */
-
 .ui.embed>.embed {
   display: none;
 }
@@ -66718,7 +64816,6 @@ select.ui.dropdown {
 /* --------------
    Placeholder
 --------------- */
-
 .ui.embed>.placeholder {
   position: absolute;
   cursor: pointer;
@@ -66733,7 +64830,6 @@ select.ui.dropdown {
 /* --------------
       Icon
 --------------- */
-
 .ui.embed>i.icon {
   cursor: pointer;
   position: absolute;
@@ -66772,11 +64868,9 @@ select.ui.dropdown {
 /*******************************
             States
 *******************************/
-
 /* --------------
      Hover
 --------------- */
-
 .ui.embed i.icon:hover::after {
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 1;
@@ -66789,7 +64883,6 @@ select.ui.dropdown {
 /* --------------
      Active
 --------------- */
-
 .ui.active.embed>i.icon,
 .ui.active.embed>.placeholder {
   display: none;
@@ -66802,7 +64895,6 @@ select.ui.dropdown {
 /*******************************
           Variations
 *******************************/
-
 .ui.square.embed {
   padding-bottom: 100%;
 }
@@ -66822,26 +64914,17 @@ select.ui.dropdown {
 /*******************************
         Video Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Flyout
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Flyout
 *******************************/
-
 /* Flyout Menu */
-
 .ui.flyout {
   position: fixed;
   top: 0;
@@ -66864,7 +64947,6 @@ select.ui.dropdown {
 }
 
 /* GPU Layers for Child Elements */
-
 .ui.flyout>* {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
@@ -66873,7 +64955,6 @@ select.ui.dropdown {
 /* --------------
    Close
 --------------- */
-
 .ui.flyout>.close {
   cursor: pointer;
   position: absolute;
@@ -66899,7 +64980,6 @@ select.ui.dropdown {
 /* --------------
    Header
 --------------- */
-
 .ui.flyout>.header {
   display: block;
   background: #fff;
@@ -66913,7 +64993,6 @@ select.ui.dropdown {
 /* --------------
    Content
 --------------- */
-
 .ui.flyout>.content {
   display: block;
   width: 100%;
@@ -66957,7 +65036,6 @@ select.ui.dropdown {
 /* --------------
        Actions
     --------------- */
-
 .ui.flyout>.actions {
   background: #f9fafb;
   padding: 1rem;
@@ -67005,7 +65083,6 @@ select.ui.dropdown {
 /* --------------
    Direction
 --------------- */
-
 .ui.left.flyout {
   right: auto;
   left: 0;
@@ -67039,7 +65116,6 @@ select.ui.dropdown {
 /* --------------
      Pushable
 --------------- */
-
 .pushable.pushable.pushable {
   height: 100%;
   overflow-x: hidden;
@@ -67052,7 +65128,6 @@ select.ui.dropdown {
 }
 
 /* Whole Page */
-
 body.pushable {
   background: #545454;
 }
@@ -67062,7 +65137,6 @@ body.pushable.dimmed {
 }
 
 /* Page Context */
-
 .pushable:not(body) {
   transform: translate3d(0, 0, 0);
   overflow-y: hidden;
@@ -67077,7 +65151,6 @@ body.pushable.dimmed {
 /* --------------
      Fixed
 --------------- */
-
 .pushable>.fixed {
   position: fixed;
   -webkit-backface-visibility: hidden;
@@ -67090,7 +65163,6 @@ body.pushable.dimmed {
 /* --------------
      Page
 --------------- */
-
 .pushable>.pusher {
   position: relative;
   -webkit-backface-visibility: hidden;
@@ -67113,7 +65185,6 @@ body.pushable>.pusher {
 /* --------------
      Dimmer
 --------------- */
-
 .pushable>.pusher::after {
   position: fixed;
   top: 0;
@@ -67130,7 +65201,6 @@ body.pushable>.pusher {
 /* --------------
     Coupling
 --------------- */
-
 .ui.flyout.menu .item {
   border-radius: 0 !important;
 }
@@ -67138,11 +65208,9 @@ body.pushable>.pusher {
 /*******************************
             States
 *******************************/
-
 /* --------------
      Dimmed
 --------------- */
-
 .pushable>.pusher.dimmed::after {
   width: 100% !important;
   height: 100% !important;
@@ -67162,7 +65230,6 @@ body.pushable>.pusher {
 /* --------------
     Animating
 --------------- */
-
 .ui.animating.flyout {
   visibility: visible;
 }
@@ -67170,14 +65237,12 @@ body.pushable>.pusher {
 /* --------------
      Visible
 --------------- */
-
 .ui.visible.flyout {
   visibility: visible;
   transform: translate3d(0, 0, 0);
 }
 
 /* Shadow Direction */
-
 .ui.left.visible.flyout,
 .ui.right.visible.flyout {
   box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
@@ -67189,7 +65254,6 @@ body.pushable>.pusher {
 }
 
 /* Visible On Load */
-
 .ui.visible.left.flyout~.fixed,
 .ui.visible.left.flyout~.pusher {
   transform: translate3d(400px, 0, 0);
@@ -67211,7 +65275,6 @@ body.pushable>.pusher {
 }
 
 /* opposite sides visible forces content overlay */
-
 .ui.visible.left.flyout~.ui.visible.right.flyout~.fixed,
 .ui.visible.left.flyout~.ui.visible.right.flyout~.pusher,
 .ui.visible.right.flyout~.ui.visible.left.flyout~.fixed,
@@ -67222,7 +65285,6 @@ body.pushable>.pusher {
 /* --------------
          Inverted
     --------------- */
-
 .ui.flyout.inverted {
   background: #000;
 }
@@ -67246,13 +65308,10 @@ body.pushable>.pusher {
 /*******************************
           Variations
 *******************************/
-
 /* --------------
      Width
 --------------- */
-
 /* Left / Right */
-
 .ui.left.flyout,
 .ui.right.flyout {
   width: 400px;
@@ -67279,7 +65338,6 @@ body.pushable>.pusher {
 }
 
 /* Left Visible */
-
 .ui.visible.thin.left.flyout~.fixed,
 .ui.visible.thin.left.flyout~.pusher {
   transform: translate3d(200px, 0, 0);
@@ -67301,7 +65359,6 @@ body.pushable>.pusher {
 }
 
 /* Right Visible */
-
 .ui.visible.thin.right.flyout~.fixed,
 .ui.visible.thin.right.flyout~.pusher {
   transform: translate3d(-200px, 0, 0);
@@ -67323,7 +65380,6 @@ body.pushable>.pusher {
 }
 
 /* Fullscreen */
-
 .ui.fullscreen.flyout {
   width: 100%;
 }
@@ -67331,9 +65387,7 @@ body.pushable>.pusher {
 /* -------------------
       Column Width
     -------------------- */
-
 /* Sizing Combinations */
-
 .ui[class*="one wide"].flyout:not(.fullscreen) {
   width: 6.25%;
 }
@@ -67401,19 +65455,15 @@ body.pushable>.pusher {
 /*******************************
           Animations
 *******************************/
-
 /* --------------
         Overlay
     --------------- */
-
 /* Set-up */
-
 .ui.overlay.flyout {
   z-index: 102;
 }
 
 /* Initial */
-
 .ui.left.overlay.flyout {
   transform: translate3d(-100%, 0, 0);
 }
@@ -67431,20 +65481,17 @@ body.pushable>.pusher {
 }
 
 /* Animation */
-
 .animating.ui.overlay.flyout,
 .ui.visible.overlay.flyout {
   transition: transform 500ms ease;
 }
 
 /* End - flyout */
-
 .ui.visible.overlay.flyout {
   transform: translate3d(0, 0, 0);
 }
 
 /* End - Pusher */
-
 .ui.visible.overlay.flyout~.fixed,
 .ui.visible.overlay.flyout~.pusher {
   transform: none !important;
@@ -67455,18 +65502,11 @@ body.pushable>.pusher {
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Modal
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Modal
 *******************************/
-
 .ui.modal {
   position: absolute;
   display: none;
@@ -67505,11 +65545,9 @@ body.pushable>.pusher {
 /*******************************
             Content
 *******************************/
-
 /* --------------
      Close
 --------------- */
-
 .ui.modal>.close {
   cursor: pointer;
   position: absolute;
@@ -67533,7 +65571,6 @@ body.pushable>.pusher {
 /* --------------
      Header
 --------------- */
-
 .ui.modal>.header {
   display: block;
   font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -67554,7 +65591,6 @@ body.pushable>.pusher {
 /* --------------
      Content
 --------------- */
-
 .ui.modal>.content {
   display: block;
   width: 100%;
@@ -67570,7 +65606,6 @@ body.pushable>.pusher {
 }
 
 /* Image */
-
 .ui.modal>.content>.image {
   display: block;
   flex: 0 1 auto;
@@ -67592,7 +65627,6 @@ body.pushable>.pusher {
 }
 
 /* Description */
-
 .ui.modal>.content>.description {
   display: block;
   flex: 1 0 auto;
@@ -67609,7 +65643,6 @@ body.pushable>.pusher {
 }
 
 /* rtl:ignore */
-
 .ui.modal>.content>.image>i.icon {
   margin: 0;
   opacity: 1;
@@ -67621,7 +65654,6 @@ body.pushable>.pusher {
 /* --------------
          Actions
     --------------- */
-
 .ui.modal>.actions {
   background: #f9fafb;
   padding: 1rem;
@@ -67661,9 +65693,7 @@ body.pushable>.pusher {
 /* -------------------
        Responsive
 -------------------- */
-
 /* Modal Width */
-
 @media only screen and (max-width: 767.98px) {
   .ui.modal:not(.fullscreen) {
     width: 95%;
@@ -67713,7 +65743,6 @@ body.pushable>.pusher {
 }
 
 /* Tablet and Mobile */
-
 @media only screen and (max-width: 991.98px) {
   .ui.modal>.close+.header {
     padding-right: 2.25rem;
@@ -67727,7 +65756,6 @@ body.pushable>.pusher {
 }
 
 /* Mobile */
-
 @media only screen and (max-width: 767.98px) {
   .ui.modal>.header {
     padding: 0.75rem 1rem;
@@ -67756,7 +65784,6 @@ body.pushable>.pusher {
   }
 
   /* rtl:ignore */
-
   .ui.modal .image.content {
     flex-direction: column;
   }
@@ -67775,7 +65802,6 @@ body.pushable>.pusher {
   }
 
   /* rtl:ignore */
-
   .ui.modal>.content>.description {
     display: block;
     width: 100% !important;
@@ -67785,7 +65811,6 @@ body.pushable>.pusher {
   }
 
   /* Let Buttons Stack */
-
   .ui.modal>.actions {
     padding: 1rem 1rem 0rem !important;
   }
@@ -67799,7 +65824,6 @@ body.pushable>.pusher {
 /* --------------
     Coupling
 --------------- */
-
 .ui.inverted.dimmer>.ui.modal {
   box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
 }
@@ -67807,7 +65831,6 @@ body.pushable>.pusher {
 /*******************************
              Types
 *******************************/
-
 .ui.basic.modal {
   background-color: transparent;
   border: none;
@@ -67848,7 +65871,6 @@ body.pushable>.pusher {
 }
 
 /* Resort to margin positioning if legacy */
-
 .ui.legacy.legacy.modal,
 .ui.legacy.legacy.page.dimmer>.ui.modal {
   left: 50% !important;
@@ -67873,7 +65895,6 @@ body.pushable>.pusher {
 /*******************************
              States
 *******************************/
-
 .ui.loading.modal {
   display: block;
   visibility: hidden;
@@ -67887,11 +65908,9 @@ body.pushable>.pusher {
 /*******************************
            Variations
 *******************************/
-
 /* --------------
        Aligned
     --------------- */
-
 .modals.dimmer .ui.top.aligned.modal {
   top: 5vh;
 }
@@ -67913,9 +65932,7 @@ body.pushable>.pusher {
 /* --------------
         Scrolling
     --------------- */
-
 /* Scrolling Dimmer */
-
 .scrolling.dimmable.dimmed {
   overflow: hidden;
 }
@@ -67945,7 +65962,6 @@ body.pushable>.pusher {
 }
 
 /* Fix for Firefox, Edge, IE11 */
-
 .modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
   content: "\00A0";
   position: absolute;
@@ -67953,7 +65969,6 @@ body.pushable>.pusher {
 }
 
 /* Undetached Scrolling */
-
 .scrolling.undetached.dimmable.dimmed {
   overflow: auto;
   -ms-scroll-chaining: none;
@@ -67970,7 +65985,6 @@ body.pushable>.pusher {
 }
 
 /* Scrolling Content */
-
 .ui.modal>.scrolling.content {
   max-height: calc(80vh - 10rem);
   overflow: auto;
@@ -67994,7 +66008,6 @@ body.pushable>.pusher {
 /* --------------
        Full Screen
     --------------- */
-
 .ui.fullscreen.modal {
   width: 95vw;
   left: 2.5vw;
@@ -68028,7 +66041,6 @@ body.pushable>.pusher {
 /* --------------
       Size
 --------------- */
-
 .ui.modal {
   font-size: 1rem;
 }
@@ -68309,7 +66321,6 @@ body.pushable>.pusher {
 /*****************************
               Inverted
     *******************************/
-
 .ui.inverted.modal {
   background: #000;
 }
@@ -68344,24 +66355,16 @@ body.pushable>.pusher {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Nag
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Nag
 *******************************/
-
 .ui.nag {
   display: none;
   opacity: 0.95;
@@ -68411,9 +66414,7 @@ a.ui.nag {
 /*******************************
              States
 *******************************/
-
 /* Hover */
-
 .ui.nag:hover {
   background: #909090;
   opacity: 1;
@@ -68426,11 +66427,9 @@ a.ui.nag {
 /*******************************
            Variations
 *******************************/
-
 /* --------------
          Static
     --------------- */
-
 .ui.overlay.nags,
 .ui.overlay.nag {
   position: absolute;
@@ -68439,7 +66438,6 @@ a.ui.nag {
 /* --------------
          Fixed
     --------------- */
-
 .ui.fixed.nags,
 .ui.fixed.nag {
   position: fixed;
@@ -68448,7 +66446,6 @@ a.ui.nag {
 /* --------------
          Bottom
     --------------- */
-
 .ui.bottom.nags,
 .ui.bottom.nag {
   border-radius: 0.28571429rem 0.28571429rem 0 0;
@@ -68459,7 +66456,6 @@ a.ui.nag {
 /* --------------
          Inverted
     --------------- */
-
 .ui.inverted.nags .nag,
 .ui.inverted.nag {
   background-color: #f3f4f5;
@@ -68479,7 +66475,6 @@ a.ui.nag {
 /* -------------------
             Sizes
     -------------------- */
-
 .ui.mini.nag,
 .ui.mini.nags .nag {
   font-size: 0.78571429rem;
@@ -68520,7 +66515,6 @@ a.ui.nag {
 /* --------------
      Colors
 -------------- */
-
 .ui.primary.nag {
   background-color: #2185d0;
 }
@@ -68649,7 +66643,6 @@ a.ui.nag {
 /*******************************
                Groups
     *******************************/
-
 .ui.nags {
   top: 0;
   left: 0;
@@ -68679,24 +66672,16 @@ a.ui.nag {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
         User Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Popup
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Popup
 *******************************/
-
 .ui.popup {
   display: none;
   position: absolute;
@@ -68744,19 +66729,15 @@ a.ui.nag {
 /*******************************
             Types
 *******************************/
-
 /* --------------
         Tooltip
     --------------- */
-
 /* Content */
-
 [data-tooltip] {
   position: relative;
 }
 
 /* Arrow */
-
 [data-tooltip]::before {
   pointer-events: none;
   position: absolute;
@@ -68770,7 +66751,6 @@ a.ui.nag {
 }
 
 /* Popup */
-
 [data-tooltip]::after {
   pointer-events: none;
   content: attr(data-tooltip);
@@ -68794,7 +66774,6 @@ a.ui.nag {
 }
 
 /* Animation */
-
 [data-tooltip]::before,
 [data-tooltip]::after {
   pointer-events: none;
@@ -68834,7 +66813,6 @@ a.ui.nag {
 }
 
 /* Animation Position */
-
 [data-tooltip]:not([data-position])::after,
 [data-tooltip][data-position="top center"]::after,
 [data-tooltip][data-position="bottom center"]::after {
@@ -68894,21 +66872,17 @@ a.ui.nag {
 /* --------------
             Inverted
         --------------- */
-
 /* Arrow */
-
 [data-tooltip][data-inverted]::before {
   box-shadow: none;
 }
 
 /* Arrow Position */
-
 [data-tooltip]:not([data-position])[data-inverted]::before {
   background: #1b1c1d;
 }
 
 /* Popup */
-
 [data-tooltip][data-inverted]::after {
   background: #1b1c1d;
   color: #fff;
@@ -68919,13 +66893,11 @@ a.ui.nag {
 /* --------------
             Position
         --------------- */
-
 [data-position~="top"][data-tooltip]::before {
   background: #fff;
 }
 
 /* Top Center (default) */
-
 [data-tooltip]:not([data-position])::after,
 [data-position="top center"][data-tooltip]::after {
   top: auto;
@@ -68947,7 +66919,6 @@ a.ui.nag {
 }
 
 /* Top Left */
-
 [data-position="top left"][data-tooltip]::after {
   top: auto;
   right: auto;
@@ -68966,7 +66937,6 @@ a.ui.nag {
 }
 
 /* Top Right */
-
 [data-position="top right"][data-tooltip]::after {
   top: auto;
   left: auto;
@@ -68990,7 +66960,6 @@ a.ui.nag {
 }
 
 /* Bottom Center */
-
 [data-position="bottom center"][data-tooltip]::after {
   bottom: auto;
   right: auto;
@@ -69009,7 +66978,6 @@ a.ui.nag {
 }
 
 /* Bottom Left */
-
 [data-position="bottom left"][data-tooltip]::after {
   left: 0;
   top: 100%;
@@ -69026,7 +66994,6 @@ a.ui.nag {
 }
 
 /* Bottom Right */
-
 [data-position="bottom right"][data-tooltip]::after {
   right: 0;
   top: 100%;
@@ -69043,7 +67010,6 @@ a.ui.nag {
 }
 
 /* Left Center */
-
 [data-position="left center"][data-tooltip]::after {
   right: 100%;
   top: 50%;
@@ -69060,7 +67026,6 @@ a.ui.nag {
 }
 
 /* Right Center */
-
 [data-position="right center"][data-tooltip]::after {
   left: 100%;
   top: 50%;
@@ -69077,7 +67042,6 @@ a.ui.nag {
 }
 
 /* Inverted Arrow Color */
-
 [data-inverted][data-position~="bottom"][data-tooltip]::before {
   background: #1b1c1d;
   box-shadow: -1px -1px 0 0 #bababc;
@@ -69144,7 +67108,6 @@ a.ui.nag {
 /* --------------
             Basic
         --------------- */
-
 [data-tooltip][data-variation~="basic"]::before {
   display: none;
 }
@@ -69156,13 +67119,11 @@ a.ui.nag {
 /* --------------
      Spacing
 --------------- */
-
 .ui.popup {
   margin: 0;
 }
 
 /* Extending from Top */
-
 .ui.top.popup {
   margin: 0 0 0.71428571em;
 }
@@ -69180,7 +67141,6 @@ a.ui.nag {
 }
 
 /* Extending from Vertical Center */
-
 .ui.left.center.popup {
   margin: 0 0.71428571em 0 0;
   transform-origin: right 50%;
@@ -69192,7 +67152,6 @@ a.ui.nag {
 }
 
 /* Extending from Bottom */
-
 .ui.bottom.popup {
   margin: 0.71428571em 0 0;
 }
@@ -69212,9 +67171,7 @@ a.ui.nag {
 /* --------------
          Pointer
     --------------- */
-
 /* --- Below --- */
-
 .ui.bottom.center.popup::before {
   margin-left: -0.30714286em;
   top: -0.30714286em;
@@ -69229,7 +67186,6 @@ a.ui.nag {
 }
 
 /* rtl:rename */
-
 .ui.bottom.left.popup::before {
   top: -0.30714286em;
   left: 1em;
@@ -69244,7 +67200,6 @@ a.ui.nag {
 }
 
 /* rtl:rename */
-
 .ui.bottom.right.popup::before {
   top: -0.30714286em;
   right: 1em;
@@ -69255,7 +67210,6 @@ a.ui.nag {
 }
 
 /* --- Above --- */
-
 .ui.top.center.popup::before {
   top: auto;
   right: auto;
@@ -69269,7 +67223,6 @@ a.ui.nag {
 }
 
 /* rtl:rename */
-
 .ui.top.left.popup::before {
   bottom: -0.30714286em;
   left: 1em;
@@ -69283,7 +67236,6 @@ a.ui.nag {
 }
 
 /* rtl:rename */
-
 .ui.top.right.popup::before {
   bottom: -0.30714286em;
   right: 1em;
@@ -69293,9 +67245,7 @@ a.ui.nag {
 }
 
 /* --- Left Center --- */
-
 /* rtl:rename */
-
 .ui.left.center.popup::before {
   top: 50%;
   right: -0.30714286em;
@@ -69306,9 +67256,7 @@ a.ui.nag {
 }
 
 /* --- Right Center --- */
-
 /* rtl:rename */
-
 .ui.right.center.popup::before {
   top: 50%;
   left: -0.30714286em;
@@ -69324,7 +67272,6 @@ a.ui.nag {
 }
 
 /* Arrow Color By Location */
-
 .ui.bottom.popup::before {
   background: #fff;
 }
@@ -69334,7 +67281,6 @@ a.ui.nag {
 }
 
 /* Inverted Arrow Color */
-
 .ui.inverted.bottom.popup::before {
   background: #1b1c1d;
 }
@@ -69351,9 +67297,7 @@ a.ui.nag {
 /*******************************
             Coupling
 *******************************/
-
 /* Immediate Nested Grid */
-
 .ui.ui.ui.popup>.ui.grid:not(.padded) {
   width: calc(100% + 1.75rem);
   margin: -0.7rem -0.875rem;
@@ -69362,7 +67306,6 @@ a.ui.nag {
 /*******************************
             States
 *******************************/
-
 .ui.loading.popup {
   cursor: default;
   pointer-events: none;
@@ -69411,11 +67354,9 @@ a.ui.nag {
 /*******************************
             Variations
 *******************************/
-
 /* --------------
          Basic
     --------------- */
-
 .ui.basic.popup::before {
   display: none;
 }
@@ -69427,7 +67368,6 @@ a.ui.nag {
 /* --------------
          Wide
     --------------- */
-
 .ui.wide.popup {
   max-width: 350px;
 }
@@ -69460,7 +67400,6 @@ a.ui.nag {
 /* --------------
          Fluid
     --------------- */
-
 .ui.fluid.popup {
   width: 100%;
   max-width: none;
@@ -69469,9 +67408,7 @@ a.ui.nag {
 /* --------------
          Colors
     --------------- */
-
 /* Inverted colors */
-
 .ui.inverted.popup {
   background: #1b1c1d;
   color: #fff;
@@ -69972,7 +67909,6 @@ a.ui.nag {
 /* --------------
          Flowing
     --------------- */
-
 .ui.flowing.popup {
   max-width: none;
 }
@@ -69980,7 +67916,6 @@ a.ui.nag {
 /* --------------
      Sizes
 --------------- */
-
 .ui.popup {
   font-size: 1rem;
 }
@@ -70051,24 +67986,16 @@ a.ui.nag {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
         User Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Progress
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Progress
 *******************************/
-
 .ui.progress {
   position: relative;
   display: flex;
@@ -70092,9 +68019,7 @@ a.ui.nag {
 /*******************************
             Content
 *******************************/
-
 /* Activity Bar */
-
 .ui.progress .bar {
   display: block;
   line-height: 1;
@@ -70121,7 +68046,6 @@ a.ui.nag {
 }
 
 /* Percent Complete */
-
 .ui.progress .bar>.progress {
   white-space: nowrap;
   position: absolute;
@@ -70148,7 +68072,6 @@ a.ui.nag {
 }
 
 /* Label */
-
 .ui.progress>.label {
   position: absolute;
   width: 100%;
@@ -70168,9 +68091,7 @@ a.ui.nag {
 /*******************************
             Types
 *******************************/
-
 /* Indicating */
-
 .ui.indicating.progress[data-percent^="1"] .bar,
 .ui.indicating.progress[data-percent^="2"] .bar {
   background-color: #d95c5c;
@@ -70200,7 +68121,6 @@ a.ui.nag {
 }
 
 /* Indicating Label */
-
 .ui.indicating.progress[data-percent^="1"] .label,
 .ui.indicating.progress[data-percent^="2"] .label {
   color: rgba(0, 0, 0, 0.87);
@@ -70230,7 +68150,6 @@ a.ui.nag {
 }
 
 /* Inverted Indicating Label */
-
 .ui.inverted.indicating.progress[data-percent^="1"] .label,
 .ui.inverted.indicating.progress[data-percent^="2"] .label {
   color: rgba(255, 255, 255, 0.9);
@@ -70260,7 +68179,6 @@ a.ui.nag {
 }
 
 /* Single Digits */
-
 .ui.indicating.progress[data-percent="1"] .bar,
 .ui.indicating.progress[data-percent^="1."] .bar,
 .ui.indicating.progress[data-percent="2"] .bar,
@@ -70329,7 +68247,6 @@ a.ui.nag {
 }
 
 /* Indicating Success */
-
 .ui.ui.indicating.progress.success .label {
   color: #1a531b;
 }
@@ -70337,11 +68254,9 @@ a.ui.nag {
 /*******************************
              States
 *******************************/
-
 /* --------------
          Success
     --------------- */
-
 .ui.ui.progress.success .bar {
   background-color: #21ba45;
 }
@@ -70358,7 +68273,6 @@ a.ui.nag {
 /* --------------
          Warning
     --------------- */
-
 .ui.ui.progress.warning .bar {
   background-color: #f2c037;
 }
@@ -70375,7 +68289,6 @@ a.ui.nag {
 /* --------------
          Error
     --------------- */
-
 .ui.ui.progress.error .bar {
   background-color: #db2828;
 }
@@ -70392,7 +68305,6 @@ a.ui.nag {
 /* --------------
          Active
     --------------- */
-
 .ui.active.progress .bar {
   position: relative;
   min-width: 2em;
@@ -70431,7 +68343,6 @@ a.ui.nag {
 /* --------------
         Disabled
     --------------- */
-
 .ui.disabled.progress {
   opacity: 0.35;
 }
@@ -70444,11 +68355,9 @@ a.ui.nag {
 /*******************************
            Variations
 *******************************/
-
 /* --------------
         Inverted
     --------------- */
-
 .ui.inverted.progress {
   background: rgba(255, 255, 255, 0.08);
   border: none;
@@ -70481,9 +68390,7 @@ a.ui.nag {
 /* --------------
         Attached
     --------------- */
-
 /* bottom attached */
-
 .ui.progress.attached {
   background: transparent;
   position: relative;
@@ -70504,7 +68411,6 @@ a.ui.nag {
 }
 
 /* top attached */
-
 .ui.progress.top.attached,
 .ui.progress.top.attached .bar {
   top: 0;
@@ -70516,7 +68422,6 @@ a.ui.nag {
 }
 
 /* Coupling */
-
 .ui.segment>.ui.attached.progress,
 .ui.card>.ui.attached.progress {
   position: absolute;
@@ -70535,7 +68440,6 @@ a.ui.nag {
 /* --------------
      Colors
 --------------- */
-
 .ui.indeterminate.primary.progress .bar::before,
 .ui.primary.progress .bar,
 .ui.progress .primary.bar {
@@ -70719,7 +68623,6 @@ a.ui.nag {
 /* --------------
      Sizes
 --------------- */
-
 .ui.progress {
   font-size: 1rem;
 }
@@ -70787,7 +68690,6 @@ a.ui.nag {
 /* ---------------
       Indeterminate
     ---------------- */
-
 .ui.indeterminate.progress .bar {
   width: 100%;
 }
@@ -70923,20 +68825,13 @@ a.ui.nag {
 /*******************************
             Progress
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Slider
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 .ui.slider:not(.vertical):not(.checkbox) {
   width: 100%;
   padding: 1em 0.5em;
@@ -71012,11 +68907,9 @@ a.ui.nag {
 /*******************************
             States
 *******************************/
-
 /* --------------
          Disabled
     --------------- */
-
 .ui.disabled.slider:not(.checkbox) {
   opacity: 0.5;
 }
@@ -71032,7 +68925,6 @@ a.ui.nag {
 /* --------------
         Reversed
     --------------- */
-
 .ui.reversed.slider .inner .track-fill {
   left: auto;
   right: 0;
@@ -71054,11 +68946,9 @@ a.ui.nag {
 /*******************************
            Variations
 *******************************/
-
 /* --------------
         Vertical
     --------------- */
-
 .ui.vertical.slider {
   height: 100%;
   width: 1.5em;
@@ -71083,7 +68973,6 @@ a.ui.nag {
 }
 
 /* Vertical Reversed */
-
 .ui.vertical.reversed.slider .inner .thumb {
   top: auto;
   bottom: 0;
@@ -71097,7 +68986,6 @@ a.ui.nag {
 /* --------------
         Labeled
     --------------- */
-
 .ui.labeled.slider>.labels {
   height: 1.5em;
   width: auto;
@@ -71146,7 +69034,6 @@ a.ui.nag {
 }
 
 /* Vertical Labels */
-
 .ui.labeled.vertical.slider>.labels {
   width: 1.5em;
   height: auto;
@@ -71173,7 +69060,6 @@ a.ui.nag {
 }
 
 /* Vertical Reversed Labels */
-
 .ui.labeled.vertical.reversed.slider>.labels .label {
   transform: translate(-100%, 50%);
 }
@@ -71181,7 +69067,6 @@ a.ui.nag {
 /* --------------
     Hover
 --------------- */
-
 .ui.hover.slider .inner .thumb {
   opacity: 0;
   transition: opacity 0.2s linear;
@@ -71195,7 +69080,6 @@ a.ui.nag {
 /* --------------
         Inverted
     --------------- */
-
 .ui.inverted.slider .inner .track-fill {
   background-color: #545454;
 }
@@ -71207,9 +69091,7 @@ a.ui.nag {
 /* --------------
      Colors
 --------------- */
-
 /* Standard */
-
 .ui.primary.slider .inner .track-fill {
   background-color: #2185d0;
 }
@@ -71219,7 +69101,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.primary.slider.basic .inner .thumb {
   background-color: #2185d0;
 }
@@ -71230,7 +69111,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.primary.inverted.slider.basic .inner .thumb {
   background-color: #54c8ff;
 }
@@ -71241,7 +69121,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.secondary.slider .inner .track-fill {
   background-color: #1b1c1d;
 }
@@ -71251,7 +69130,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.secondary.slider.basic .inner .thumb {
   background-color: #1b1c1d;
 }
@@ -71262,7 +69140,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.secondary.inverted.slider.basic .inner .thumb {
   background-color: #545454;
 }
@@ -71273,7 +69150,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.red.slider .inner .track-fill {
   background-color: #db2828;
 }
@@ -71283,7 +69159,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.red.slider.basic .inner .thumb {
   background-color: #db2828;
 }
@@ -71294,7 +69169,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.red.inverted.slider.basic .inner .thumb {
   background-color: #ff695e;
 }
@@ -71305,7 +69179,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.orange.slider .inner .track-fill {
   background-color: #f2711c;
 }
@@ -71315,7 +69188,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.orange.slider.basic .inner .thumb {
   background-color: #f2711c;
 }
@@ -71326,7 +69198,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.orange.inverted.slider.basic .inner .thumb {
   background-color: #ff851b;
 }
@@ -71337,7 +69208,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.yellow.slider .inner .track-fill {
   background-color: #fbbd08;
 }
@@ -71347,7 +69217,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.yellow.slider.basic .inner .thumb {
   background-color: #fbbd08;
 }
@@ -71358,7 +69227,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.yellow.inverted.slider.basic .inner .thumb {
   background-color: #ffe21f;
 }
@@ -71369,7 +69237,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.olive.slider .inner .track-fill {
   background-color: #b5cc18;
 }
@@ -71379,7 +69246,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.olive.slider.basic .inner .thumb {
   background-color: #b5cc18;
 }
@@ -71390,7 +69256,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.olive.inverted.slider.basic .inner .thumb {
   background-color: #d9e778;
 }
@@ -71401,7 +69266,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.green.slider .inner .track-fill {
   background-color: #21ba45;
 }
@@ -71411,7 +69275,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.green.slider.basic .inner .thumb {
   background-color: #21ba45;
 }
@@ -71422,7 +69285,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.green.inverted.slider.basic .inner .thumb {
   background-color: #2ecc40;
 }
@@ -71433,7 +69295,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.teal.slider .inner .track-fill {
   background-color: #00b5ad;
 }
@@ -71443,7 +69304,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.teal.slider.basic .inner .thumb {
   background-color: #00b5ad;
 }
@@ -71454,7 +69314,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.teal.inverted.slider.basic .inner .thumb {
   background-color: #6dffff;
 }
@@ -71465,7 +69324,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.blue.slider .inner .track-fill {
   background-color: #2185d0;
 }
@@ -71475,7 +69333,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.blue.slider.basic .inner .thumb {
   background-color: #2185d0;
 }
@@ -71486,7 +69343,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.blue.inverted.slider.basic .inner .thumb {
   background-color: #54c8ff;
 }
@@ -71497,7 +69353,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.violet.slider .inner .track-fill {
   background-color: #6435c9;
 }
@@ -71507,7 +69362,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.violet.slider.basic .inner .thumb {
   background-color: #6435c9;
 }
@@ -71518,7 +69372,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.violet.inverted.slider.basic .inner .thumb {
   background-color: #a291fb;
 }
@@ -71529,7 +69382,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.purple.slider .inner .track-fill {
   background-color: #a333c8;
 }
@@ -71539,7 +69391,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.purple.slider.basic .inner .thumb {
   background-color: #a333c8;
 }
@@ -71550,7 +69401,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.purple.inverted.slider.basic .inner .thumb {
   background-color: #dc73ff;
 }
@@ -71561,7 +69411,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.pink.slider .inner .track-fill {
   background-color: #e03997;
 }
@@ -71571,7 +69420,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.pink.slider.basic .inner .thumb {
   background-color: #e03997;
 }
@@ -71582,7 +69430,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.pink.inverted.slider.basic .inner .thumb {
   background-color: #ff8edf;
 }
@@ -71593,7 +69440,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.brown.slider .inner .track-fill {
   background-color: #a5673f;
 }
@@ -71603,7 +69449,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.brown.slider.basic .inner .thumb {
   background-color: #a5673f;
 }
@@ -71614,7 +69459,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.brown.inverted.slider.basic .inner .thumb {
   background-color: #d67c1c;
 }
@@ -71625,7 +69469,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.grey.slider .inner .track-fill {
   background-color: #767676;
 }
@@ -71635,7 +69478,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.grey.slider.basic .inner .thumb {
   background-color: #767676;
 }
@@ -71646,7 +69488,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.grey.inverted.slider.basic .inner .thumb {
   background-color: #dcddde;
 }
@@ -71657,7 +69498,6 @@ a.ui.nag {
 }
 
 /* Standard */
-
 .ui.black.slider .inner .track-fill {
   background-color: #1b1c1d;
 }
@@ -71667,7 +69507,6 @@ a.ui.nag {
 }
 
 /* Basic */
-
 .ui.black.slider.basic .inner .thumb {
   background-color: #1b1c1d;
 }
@@ -71678,7 +69517,6 @@ a.ui.nag {
 }
 
 /* Basic Inverted */
-
 .ui.black.inverted.slider.basic .inner .thumb {
   background-color: #545454;
 }
@@ -71691,9 +69529,7 @@ a.ui.nag {
 /* --------------
          Basic
     --------------- */
-
 /* Standard */
-
 .ui.slider.basic .inner .thumb {
   background-color: #1b1c1d;
 }
@@ -71706,9 +69542,7 @@ a.ui.nag {
 /* --------------
           Basic Inverted
         --------------- */
-
 /* Standard */
-
 .ui.inverted.slider.basic .inner .thumb {
   background-color: #545454;
 }
@@ -71721,7 +69555,6 @@ a.ui.nag {
 /* --------------
      Sizing
 --------------- */
-
 .ui.slider.small .inner .thumb {
   height: 1em;
   width: 1em;
@@ -71747,7 +69580,6 @@ a.ui.nag {
 }
 
 /* Small Vertical */
-
 .ui.slider.small.vertical .inner {
   width: 1em;
 }
@@ -71792,7 +69624,6 @@ a.ui.nag {
 }
 
 /* Small Vertical */
-
 .ui.slider.large.vertical .inner {
   width: 2em;
 }
@@ -71837,7 +69668,6 @@ a.ui.nag {
 }
 
 /* Small Vertical */
-
 .ui.slider.big.vertical .inner {
   width: 2.5em;
 }
@@ -71862,18 +69692,11 @@ a.ui.nag {
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Rating
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
            Rating
 *******************************/
-
 .ui.rating {
   display: inline-flex;
   white-space: nowrap;
@@ -71885,7 +69708,6 @@ a.ui.nag {
 }
 
 /* Icon */
-
 .ui.rating .icon {
   padding: 0;
   margin: 0;
@@ -71905,33 +69727,27 @@ a.ui.nag {
 /*******************************
              Types
 *******************************/
-
 /* -------------------
       Standard
 -------------------- */
-
 /* Inactive Icon */
-
 .ui.rating .icon {
   background: transparent;
   color: rgba(0, 0, 0, 0.15);
 }
 
 /* Active Icon */
-
 .ui.rating .active.icon {
   background: transparent;
   color: rgba(0, 0, 0, 0.85);
 }
 
 /* Partially Active Icon */
-
 .ui.rating .icon.partial.active {
   background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
 }
 
 /* central override for colors */
-
 .ui.ui.ui.rating .icon.partial.active {
   -webkit-background-clip: text;
   background-clip: text;
@@ -71940,7 +69756,6 @@ a.ui.nag {
 }
 
 /* Selected Icon */
-
 .ui.rating .icon.selected,
 .ui.rating .icon.selected.active,
 .ui.rating .icon.selected.partial.active {
@@ -71952,7 +69767,6 @@ a.ui.nag {
 /* --------------
      Colors
 -------------- */
-
 .ui.primary.rating .active.icon {
   color: #54c8ff;
   text-shadow: 0 -1px 0 #2185d0, -1px 0 0 #2185d0, 0 1px 0 #2185d0, 1px 0 0 #2185d0;
@@ -72256,13 +70070,10 @@ a.ui.nag {
 /*******************************
              States
 *******************************/
-
 /* -------------------
            Disabled
     -------------------- */
-
 /* disabled rating */
-
 .ui.disabled.rating .icon {
   cursor: default;
   pointer-events: none;
@@ -72271,9 +70082,7 @@ a.ui.nag {
 /* -------------------
    User Interactive
 -------------------- */
-
 /* Selected Rating */
-
 .ui.rating.selected .active.icon {
   opacity: 1;
 }
@@ -72286,7 +70095,6 @@ a.ui.nag {
 /*******************************
           Variations
 *******************************/
-
 .ui.rating {
   font-size: 1rem;
 }
@@ -72322,24 +70130,16 @@ a.ui.nag {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Search
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
              Search
 *******************************/
-
 .ui.search {
   position: relative;
 }
@@ -72369,7 +70169,6 @@ a.ui.nag {
 /* --------------
      Icon
 --------------- */
-
 .ui.search .prompt~.search.icon {
   cursor: pointer;
 }
@@ -72377,7 +70176,6 @@ a.ui.nag {
 /* --------------
     Results
 --------------- */
-
 .ui.search>.results {
   display: none;
   position: absolute;
@@ -72407,7 +70205,6 @@ a.ui.nag {
 /* --------------
     Result
 --------------- */
-
 .ui.search>.results .result {
   cursor: pointer;
   display: block;
@@ -72424,7 +70221,6 @@ a.ui.nag {
 }
 
 /* Image */
-
 .ui.search>.results .result .image {
   float: right;
   overflow: hidden;
@@ -72443,7 +70239,6 @@ a.ui.nag {
 /* --------------
       Info
 --------------- */
-
 .ui.search>.results .result .image+.content {
   margin: 0 6em 0 0;
 }
@@ -72470,7 +70265,6 @@ a.ui.nag {
 /* --------------
     Message
 --------------- */
-
 .ui.search>.results>.message {
   padding: 1em 1em;
 }
@@ -72489,7 +70283,6 @@ a.ui.nag {
 }
 
 /* View All Results */
-
 .ui.search>.results>.action {
   display: block;
   border-top: none;
@@ -72503,11 +70296,9 @@ a.ui.nag {
 /*******************************
             States
 *******************************/
-
 /* --------------------
        Focus
 --------------------- */
-
 .ui.search>.prompt:focus {
   border-color: rgba(34, 36, 38, 0.35);
   background: #fff;
@@ -72517,7 +70308,6 @@ a.ui.nag {
 /* --------------------
            Loading
     --------------------- */
-
 .ui.loading.search .input>i.icon::before {
   position: absolute;
   content: "";
@@ -72547,7 +70337,6 @@ a.ui.nag {
 /* --------------
       Hover
 --------------- */
-
 .ui.search>.results .result:hover,
 .ui.category.search>.results .category .result:hover {
   background: #f9fafb;
@@ -72560,7 +70349,6 @@ a.ui.nag {
 /* --------------
       Active
 --------------- */
-
 .ui.category.search>.results .category.active {
   background: #f3f4f5;
 }
@@ -72588,9 +70376,7 @@ a.ui.nag {
 /* --------------------
             Disabled
     ---------------------- */
-
 /* Disabled */
-
 .ui.disabled.search {
   cursor: default;
   pointer-events: none;
@@ -72600,17 +70386,14 @@ a.ui.nag {
 /*******************************
            Types
 *******************************/
-
 /* --------------
         Selection
     --------------- */
-
 .ui.search.selection .prompt {
   border-radius: 0.28571429rem;
 }
 
 /* Remove input */
-
 .ui.search.selection>.icon.input>.remove.icon {
   pointer-events: none;
   position: absolute;
@@ -72640,7 +70423,6 @@ a.ui.nag {
 /* --------------
         Category
     --------------- */
-
 .ui.category.search .results {
   width: 28em;
 }
@@ -72651,7 +70433,6 @@ a.ui.nag {
 }
 
 /* Category */
-
 .ui.category.search>.results .category {
   display: table-row;
   background: #f3f4f5;
@@ -72660,13 +70441,11 @@ a.ui.nag {
 }
 
 /* Last Category */
-
 .ui.category.search>.results .category:last-child {
   border-bottom: none;
 }
 
 /* First / Last */
-
 .ui.category.search>.results .category:first-child .name+.result {
   border-radius: 0 0.28571429rem 0 0;
 }
@@ -72676,7 +70455,6 @@ a.ui.nag {
 }
 
 /* Category Result Name */
-
 .ui.category.search>.results .category>.name {
   display: table-cell;
   text-overflow: ellipsis;
@@ -72692,7 +70470,6 @@ a.ui.nag {
 }
 
 /* Category Result */
-
 .ui.category.search>.results .category .results {
   display: table-cell;
   background: #fff;
@@ -72720,11 +70497,9 @@ a.ui.nag {
 /*******************************
            Variations
 *******************************/
-
 /* -------------------
          Scrolling
     -------------------- */
-
 .ui.scrolling.search>.results,
 .ui.search.long>.results,
 .ui.search.short>.results {
@@ -72856,7 +70631,6 @@ a.ui.nag {
 /* -------------------
          Left / Right
     -------------------- */
-
 .ui[class*="left aligned"].search>.results {
   right: auto;
   left: 0;
@@ -72870,7 +70644,6 @@ a.ui.nag {
 /* --------------
     Fluid
 --------------- */
-
 .ui.fluid.search .results {
   width: 100%;
 }
@@ -72878,7 +70651,6 @@ a.ui.nag {
 /* --------------
       Sizes
 --------------- */
-
 .ui.search {
   font-size: 1em;
 }
@@ -72914,7 +70686,6 @@ a.ui.nag {
 /* --------------
       Mobile
 --------------- */
-
 @media only screen and (max-width: 767.98px) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
@@ -72924,24 +70695,16 @@ a.ui.nag {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Shape
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
               Shape
 *******************************/
-
 .ui.shape {
   position: relative;
   vertical-align: top;
@@ -72972,7 +70735,6 @@ a.ui.nag {
 /*******************************
              Types
 *******************************/
-
 .ui.cube.shape .side {
   min-width: 15em;
   height: 15em;
@@ -73001,7 +70763,6 @@ a.ui.nag {
 /*******************************
           Variations
 *******************************/
-
 .ui.text.shape.animating .sides {
   position: static;
 }
@@ -73017,11 +70778,9 @@ a.ui.nag {
 /*******************************
              States
 *******************************/
-
 /* --------------
         Loading
     --------------- */
-
 .ui.loading.shape {
   position: absolute;
   top: -9999px;
@@ -73031,7 +70790,6 @@ a.ui.nag {
 /* --------------
     Animating
 --------------- */
-
 .ui.shape .animating.side {
   position: absolute;
   top: 0;
@@ -73047,7 +70805,6 @@ a.ui.nag {
 /* --------------
       CSS
 --------------- */
-
 .ui.shape.animating .sides {
   position: absolute;
   transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
@@ -73065,7 +70822,6 @@ a.ui.nag {
 /* --------------
      Active
 --------------- */
-
 .ui.shape .active.side {
   display: block;
 }
@@ -73073,26 +70829,17 @@ a.ui.nag {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
         User Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Sidebar
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Sidebar
 *******************************/
-
 /* Sidebar Menu */
-
 .ui.sidebar {
   position: fixed;
   top: 0;
@@ -73114,7 +70861,6 @@ a.ui.nag {
 }
 
 /* GPU Layers for Child Elements */
-
 .ui.sidebar>* {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
@@ -73123,7 +70869,6 @@ a.ui.nag {
 /* --------------
    Direction
 --------------- */
-
 .ui.left.sidebar {
   right: auto;
   left: 0;
@@ -73157,7 +70902,6 @@ a.ui.nag {
 /* --------------
      Pushable
 --------------- */
-
 .pushable.pushable.pushable {
   height: 100%;
   overflow-x: hidden;
@@ -73170,7 +70914,6 @@ a.ui.nag {
 }
 
 /* Whole Page */
-
 body.pushable {
   background: #545454;
 }
@@ -73180,7 +70923,6 @@ body.pushable.dimmed {
 }
 
 /* Page Context */
-
 .pushable:not(body) {
   transform: translate3d(0, 0, 0);
   overflow-y: hidden;
@@ -73195,7 +70937,6 @@ body.pushable.dimmed {
 /* --------------
      Fixed
 --------------- */
-
 .pushable>.fixed {
   position: fixed;
   -webkit-backface-visibility: hidden;
@@ -73208,7 +70949,6 @@ body.pushable.dimmed {
 /* --------------
      Page
 --------------- */
-
 .pushable>.pusher {
   position: relative;
   -webkit-backface-visibility: hidden;
@@ -73231,7 +70971,6 @@ body.pushable>.pusher {
 /* --------------
      Dimmer
 --------------- */
-
 .pushable>.pusher::after {
   position: fixed;
   top: 0;
@@ -73248,7 +70987,6 @@ body.pushable>.pusher {
 /* --------------
     Coupling
 --------------- */
-
 .ui.sidebar.menu .item {
   border-radius: 0 !important;
 }
@@ -73256,11 +70994,9 @@ body.pushable>.pusher {
 /*******************************
             States
 *******************************/
-
 /* --------------
      Dimmed
 --------------- */
-
 .pushable>.pusher.dimmed::after {
   width: 100% !important;
   height: 100% !important;
@@ -73280,7 +71016,6 @@ body.pushable>.pusher {
 /* --------------
     Animating
 --------------- */
-
 .ui.animating.sidebar {
   visibility: visible;
 }
@@ -73288,14 +71023,12 @@ body.pushable>.pusher {
 /* --------------
      Visible
 --------------- */
-
 .ui.visible.sidebar {
   visibility: visible;
   transform: translate3d(0, 0, 0);
 }
 
 /* Shadow Direction */
-
 .ui.left.visible.sidebar,
 .ui.right.visible.sidebar {
   box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
@@ -73307,7 +71040,6 @@ body.pushable>.pusher {
 }
 
 /* Visible On Load */
-
 .ui.visible.left.sidebar~.fixed,
 .ui.visible.left.sidebar~.pusher {
   transform: translate3d(260px, 0, 0);
@@ -73329,7 +71061,6 @@ body.pushable>.pusher {
 }
 
 /* opposite sides visible forces content overlay */
-
 .ui.visible.left.sidebar~.ui.visible.right.sidebar~.fixed,
 .ui.visible.left.sidebar~.ui.visible.right.sidebar~.pusher,
 .ui.visible.right.sidebar~.ui.visible.left.sidebar~.fixed,
@@ -73340,17 +71071,13 @@ body.pushable>.pusher {
 /* --------------
        iOS
 --------------- */
-
 /*******************************
           Variations
 *******************************/
-
 /* --------------
      Width
 --------------- */
-
 /* Left / Right */
-
 .ui.thin.left.sidebar,
 .ui.thin.right.sidebar {
   width: 150px;
@@ -73377,7 +71104,6 @@ body.pushable>.pusher {
 }
 
 /* Left Visible */
-
 .ui.visible.thin.left.sidebar~.fixed,
 .ui.visible.thin.left.sidebar~.pusher {
   transform: translate3d(150px, 0, 0);
@@ -73399,7 +71125,6 @@ body.pushable>.pusher {
 }
 
 /* Right Visible */
-
 .ui.visible.thin.right.sidebar~.fixed,
 .ui.visible.thin.right.sidebar~.pusher {
   transform: translate3d(-150px, 0, 0);
@@ -73423,19 +71148,15 @@ body.pushable>.pusher {
 /*******************************
           Animations
 *******************************/
-
 /* --------------
         Overlay
     --------------- */
-
 /* Set-up */
-
 .ui.overlay.sidebar {
   z-index: 102;
 }
 
 /* Initial */
-
 .ui.left.overlay.sidebar {
   transform: translate3d(-100%, 0, 0);
 }
@@ -73453,14 +71174,12 @@ body.pushable>.pusher {
 }
 
 /* Animation */
-
 .animating.ui.overlay.sidebar,
 .ui.visible.overlay.sidebar {
   transition: transform 500ms ease;
 }
 
 /* End - Sidebar */
-
 .ui.visible.left.overlay.sidebar {
   transform: translate3d(0, 0, 0);
 }
@@ -73478,7 +71197,6 @@ body.pushable>.pusher {
 }
 
 /* End - Pusher */
-
 .ui.visible.overlay.sidebar~.fixed,
 .ui.visible.overlay.sidebar~.pusher {
   transform: none !important;
@@ -73487,16 +71205,13 @@ body.pushable>.pusher {
 /* --------------
           Push
     --------------- */
-
 /* Initial */
-
 .ui.push.sidebar {
   transition: transform 500ms ease;
   z-index: 102;
 }
 
 /* Sidebar - Initial */
-
 .ui.left.push.sidebar {
   transform: translate3d(-100%, 0, 0);
 }
@@ -73514,7 +71229,6 @@ body.pushable>.pusher {
 }
 
 /* End */
-
 .ui.visible.push.sidebar {
   transform: translate3d(0, 0, 0);
 }
@@ -73522,16 +71236,13 @@ body.pushable>.pusher {
 /* --------------
         Uncover
     --------------- */
-
 /* Initial */
-
 .ui.uncover.sidebar {
   transform: translate3d(0, 0, 0);
   z-index: 1;
 }
 
 /* End */
-
 .ui.visible.uncover.sidebar {
   transform: translate3d(0, 0, 0);
   transition: transform 500ms ease;
@@ -73540,15 +71251,12 @@ body.pushable>.pusher {
 /* --------------
        Slide Along
     --------------- */
-
 /* Initial */
-
 .ui.slide.along.sidebar {
   z-index: 1;
 }
 
 /* Sidebar - Initial */
-
 .ui.left.slide.along.sidebar {
   transform: translate3d(-50%, 0, 0);
 }
@@ -73566,13 +71274,11 @@ body.pushable>.pusher {
 }
 
 /* Animation */
-
 .ui.animating.slide.along.sidebar {
   transition: transform 500ms ease;
 }
 
 /* End */
-
 .ui.visible.slide.along.sidebar {
   transform: translate3d(0, 0, 0);
 }
@@ -73580,15 +71286,12 @@ body.pushable>.pusher {
 /* --------------
        Slide Out
     --------------- */
-
 /* Initial */
-
 .ui.slide.out.sidebar {
   z-index: 1;
 }
 
 /* Sidebar - Initial */
-
 .ui.left.slide.out.sidebar {
   transform: translate3d(50%, 0, 0);
 }
@@ -73606,13 +71309,11 @@ body.pushable>.pusher {
 }
 
 /* Animation */
-
 .ui.animating.slide.out.sidebar {
   transition: transform 500ms ease;
 }
 
 /* End */
-
 .ui.visible.slide.out.sidebar {
   transform: translate3d(0, 0, 0);
 }
@@ -73620,9 +71321,7 @@ body.pushable>.pusher {
 /* --------------
        Scale Down
     --------------- */
-
 /* Initial */
-
 .ui.scale.down.sidebar {
   transition: transform 500ms ease;
   z-index: 102;
@@ -73645,7 +71344,6 @@ body.pushable>.pusher {
 }
 
 /* Pusher - Initial */
-
 .ui.scale.down.left.sidebar~.pusher {
   transform-origin: 75% 50%;
 }
@@ -73663,7 +71361,6 @@ body.pushable>.pusher {
 }
 
 /* Animation */
-
 .ui.animating.scale.down>.visible.ui.sidebar {
   transition: transform 500ms ease;
 }
@@ -73677,7 +71374,6 @@ body.pushable>.pusher {
 }
 
 /* End */
-
 .ui.visible.scale.down.sidebar {
   transform: translate3d(0, 0, 0);
 }
@@ -73689,24 +71385,16 @@ body.pushable>.pusher {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Sticky
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
             Sticky
 *******************************/
-
 .ui.sticky {
   position: static;
   transition: none;
@@ -73716,9 +71404,7 @@ body.pushable>.pusher {
 /*******************************
             States
 *******************************/
-
 /* Bound */
-
 .ui.sticky.bound {
   position: absolute;
   left: auto;
@@ -73726,7 +71412,6 @@ body.pushable>.pusher {
 }
 
 /* Fixed */
-
 .ui.sticky.fixed {
   position: fixed;
   left: auto;
@@ -73734,7 +71419,6 @@ body.pushable>.pusher {
 }
 
 /* Bound/Fixed Position */
-
 .ui.sticky.bound.top,
 .ui.sticky.fixed.top {
   top: 0;
@@ -73750,7 +71434,6 @@ body.pushable>.pusher {
 /*******************************
             Types
 *******************************/
-
 .ui.native.sticky {
   position: sticky;
 }
@@ -73758,24 +71441,16 @@ body.pushable>.pusher {
 /*******************************
          Theme Overrides
 *******************************/
-
 /*******************************
          Site Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Tab
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
            UI Tabs
 *******************************/
-
 .ui.tab {
   display: none;
 }
@@ -73783,11 +71458,9 @@ body.pushable>.pusher {
 /*******************************
              States
 *******************************/
-
 /* --------------------
        Active
 --------------------- */
-
 .ui.tab.active,
 .ui.tab.open {
   display: block;
@@ -73796,7 +71469,6 @@ body.pushable>.pusher {
 /* --------------------
            Loading
     --------------------- */
-
 .ui.tab.loading {
   position: relative;
   overflow: hidden;
@@ -73840,24 +71512,16 @@ body.pushable>.pusher {
 /*******************************
          Tab Overrides
 *******************************/
-
 /*******************************
         User Overrides
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Toast
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
         Toast container
 *******************************/
-
 .ui.toast-container {
   position: fixed;
   z-index: 9999;
@@ -74333,7 +71997,6 @@ body.pushable>.pusher {
 /*******************************
             Toast
 *******************************/
-
 .ui.toast {
   display: none;
   border-radius: 0.28571429rem;
@@ -74542,7 +72205,6 @@ body.pushable>.pusher {
 /* --------------
      Colors
 -------------- */
-
 .ui.primary.toast {
   background-color: #2185d0;
   color: rgba(255, 255, 255, 0.9);
@@ -74736,7 +72398,6 @@ body.pushable>.pusher {
 /* ---------------
    Progress Bar
  ---------------- */
-
 @keyframes progressDown {
   0% {
     width: 100%;
@@ -74772,18 +72433,11 @@ body.pushable>.pusher {
 *******************************/
 /*!
  * # Fomantic-UI 2.9.3 - Transition
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
+ 
  */
-
 /*******************************
           Transitions
 *******************************/
-
 .transition {
   animation-iteration-count: 1;
   animation-duration: 300ms;
@@ -74794,9 +72448,7 @@ body.pushable>.pusher {
 /*******************************
             States
 *******************************/
-
 /* Animating */
-
 .animating.transition {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
@@ -74804,7 +72456,6 @@ body.pushable>.pusher {
 }
 
 /* Loading */
-
 .loading.transition {
   position: absolute;
   top: -99999px;
@@ -74812,14 +72463,12 @@ body.pushable>.pusher {
 }
 
 /* Hidden */
-
 .hidden.transition {
   display: none;
   visibility: hidden;
 }
 
 /* Visible */
-
 .visible.transition {
   display: block !important;
   visibility: visible !important;
@@ -74828,7 +72477,6 @@ body.pushable>.pusher {
 }
 
 /* Disabled */
-
 .disabled.transition {
   animation-play-state: paused;
 }
@@ -74836,13 +72484,11 @@ body.pushable>.pusher {
 /*******************************
           Variations
 *******************************/
-
 .looping.transition {
   animation-iteration-count: infinite;
 }
 
 /* Pulsating */
-
 .pulsating.transition {
   animation-name: pulsating;
   animation-duration: 2000ms;
@@ -74982,19 +72628,15 @@ body.pushable>.pusher {
 /*******************************
           Transitions
 *******************************/
-
 /*
   Some transitions adapted from Animate CSS
   https://github.com/daneden/animate.css
-
   Additional transitions adapted from Glide
   by Nick Pettit - https://github.com/nickpettit/glide
 */
-
 /* --------------
          Browse
     --------------- */
-
 .transition.browse {
   animation-duration: 500ms;
 }
@@ -75013,7 +72655,6 @@ body.pushable>.pusher {
 }
 
 /* In */
-
 @keyframes browseIn {
   0% {
     transform: scale(0.8) translateZ(0);
@@ -75039,7 +72680,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes browseOutLeft {
   0% {
     z-index: 999;
@@ -75087,7 +72727,6 @@ body.pushable>.pusher {
 /* --------------
          Drop
     --------------- */
-
 .drop.transition {
   transform-origin: top center;
   animation-duration: 400ms;
@@ -75103,7 +72742,6 @@ body.pushable>.pusher {
 }
 
 /* Drop */
-
 @keyframes dropIn {
   0% {
     opacity: 0;
@@ -75131,7 +72769,6 @@ body.pushable>.pusher {
 /* --------------
           Fade
     --------------- */
-
 .transition.fade.in {
   animation-name: fadeIn;
 }
@@ -75173,7 +72810,6 @@ body.pushable>.pusher {
 }
 
 /* In */
-
 @keyframes fadeIn {
   0% {
     opacity: 0;
@@ -75233,7 +72869,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -75295,7 +72930,6 @@ body.pushable>.pusher {
 /* --------------
          Flips
     --------------- */
-
 .flip.transition.in,
 .flip.transition.out {
   animation-duration: 600ms;
@@ -75318,7 +72952,6 @@ body.pushable>.pusher {
 }
 
 /* In */
-
 @keyframes horizontalFlipIn {
   0% {
     transform: perspective(2000px) rotateY(-90deg);
@@ -75344,7 +72977,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes horizontalFlipOut {
   0% {
     transform: perspective(2000px) rotateY(0);
@@ -75372,7 +73004,6 @@ body.pushable>.pusher {
 /* --------------
           Scale
     --------------- */
-
 .scale.transition.in {
   animation-name: scaleIn;
 }
@@ -75394,7 +73025,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes scaleOut {
   0% {
     opacity: 1;
@@ -75410,9 +73040,7 @@ body.pushable>.pusher {
 /* --------------
           Fly
     --------------- */
-
 /* Inward */
-
 .transition.fly {
   animation-duration: 0.6s;
   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -75439,7 +73067,6 @@ body.pushable>.pusher {
 }
 
 /* Outward */
-
 .transition.fly.out {
   animation-name: flyOut;
 }
@@ -75461,7 +73088,6 @@ body.pushable>.pusher {
 }
 
 /* In */
-
 @keyframes flyIn {
   0% {
     opacity: 0;
@@ -75588,7 +73214,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes flyOut {
   20% {
     transform: scale3d(0.9, 0.9, 0.9);
@@ -75667,7 +73292,6 @@ body.pushable>.pusher {
 /* --------------
          Slide
     --------------- */
-
 .transition.slide.in,
 .transition[class*="slide down"].in {
   animation-name: slideInY;
@@ -75711,7 +73335,6 @@ body.pushable>.pusher {
 }
 
 /* In */
-
 @keyframes slideInY {
   0% {
     opacity: 0;
@@ -75737,7 +73360,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes slideOutY {
   0% {
     opacity: 1;
@@ -75765,7 +73387,6 @@ body.pushable>.pusher {
 /* --------------
          Swing
     --------------- */
-
 .transition.swing {
   animation-duration: 800ms;
 }
@@ -75812,7 +73433,6 @@ body.pushable>.pusher {
 }
 
 /* In */
-
 @keyframes swingInX {
   0% {
     transform: perspective(1000px) rotateX(90deg);
@@ -75862,7 +73482,6 @@ body.pushable>.pusher {
 }
 
 /* Out */
-
 @keyframes swingOutX {
   0% {
     transform: perspective(1000px) rotateX(0);
@@ -75914,7 +73533,6 @@ body.pushable>.pusher {
 /* --------------
           Zoom
     --------------- */
-
 .transition.zoom.in {
   animation-name: zoomIn;
 }
@@ -75950,11 +73568,9 @@ body.pushable>.pusher {
 /*******************************
        Static Animations
 *******************************/
-
 /* --------------
     Emphasis
 --------------- */
-
 .flash.transition {
   animation-duration: 750ms;
   animation-name: flash;
@@ -75995,7 +73611,6 @@ body.pushable>.pusher {
 }
 
 /* Flash */
-
 @keyframes flash {
 
   0%,
@@ -76011,7 +73626,6 @@ body.pushable>.pusher {
 }
 
 /* Shake */
-
 @keyframes shake {
 
   0%,
@@ -76036,7 +73650,6 @@ body.pushable>.pusher {
 }
 
 /* Bounce */
-
 @keyframes bounce {
 
   0%,
@@ -76057,7 +73670,6 @@ body.pushable>.pusher {
 }
 
 /* Tada */
-
 @keyframes tada {
   0% {
     transform: scale(1);
@@ -76087,7 +73699,6 @@ body.pushable>.pusher {
 }
 
 /* Pulse */
-
 @keyframes pulse {
   0% {
     transform: scale(1);
@@ -76106,7 +73717,6 @@ body.pushable>.pusher {
 }
 
 /* Jiggle */
-
 @keyframes jiggle {
   0% {
     transform: scale3d(1, 1, 1);
@@ -76138,7 +73748,6 @@ body.pushable>.pusher {
 }
 
 /* Glow */
-
 @keyframes glow {
   0% {
     background-color: #fcfcfd;
diff --git a/manifest.json b/manifest.json
index 7f51a1c..aa8cf76 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "SAP CPI Helper",
   "short_name": "CPI Helper",
-  "version": "3.14.2",
+  "version": "3.15.2",
   "description": "Extends the SAP Cloud Platform Integration with some useful features to improve usability.",
   "author": "Dominic Beckbauer",
   "homepage_url": "https://github.com/dbeck121/CPI-Helper-Chrome-Extension",
@@ -9,7 +9,7 @@
     "https://*.hana.ondemand.com/itspaces",
     "https://*.platform.sapcloud.cn/itspaces",
     "https://*.hana.ondemand.com/shell",
-    "https://*.platform.sapcloud.cn/itspaces"
+    "https://*.platform.sapcloud.cn/shell"
   ],
   "permissions": [
     "storage",
@@ -21,13 +21,12 @@
   "content_scripts": [
     {
       "matches": [
-        "https://*.hana.ondemand.com/shell/design/*",
         "https://*.hana.ondemand.com/itspaces/*",
-        "https://*.hana.ondemand.com/shell/*",
         "https://*.platform.sapcloud.cn/itspaces/*",
+        "https://*.hana.ondemand.com/shell/*",
         "https://*.platform.sapcloud.cn/shell/*"
       ],
-       "js": [
+      "js": [
         "/lib/ulog/ulog-full.min.js",
         "/lib/ace/ace.min.js",
         "/lib/ace/ext-searchbox.js",
@@ -43,6 +42,8 @@
         "/lib/jQuery/jquery.min.js",
         "/lib/semanticui/semantic.min.js",
         "/lib/semanticui/tablesort.js",
+        "lib/markdownit/markdown-it.min.js",
+        "/scripts/init.js",
         "/common/logging.js",
         "/common/tools.js",
         "/scripts/identify-tenant.js",
@@ -71,7 +72,9 @@
       ],
       "css": [
         "/lib/semanticui/semantic.min.css",
+        "/lib/semanticui/semantic.dark.css",
         "/css/contentScript.css",
+        "/css/darkoverwrite.css",
         "/css/plugin.css"
       ]
     }
@@ -86,17 +89,18 @@
     }
   },
   "icons": {
-      "16": "images/v4/16.png",
-      "32": "images/v4/32.png",
-      "48": "images/v4/48.png",
-      "128": "images/v4/128.png"
+    "16": "images/v4/16.png",
+    "32": "images/v4/32.png",
+    "48": "images/v4/48.png",
+    "128": "images/v4/128.png"
   },
   "web_accessible_resources": [
     {
       "resources": [
         "images/favicons/*.png",
         "lib/semanticui/*",
-        "images/*"
+        "images/*", 
+        "plugins/settingsPaneResizer-inject.js"        
       ],
       "matches": [
         "https://*.hana.ondemand.com/*",
@@ -105,4 +109,4 @@
     }
   ],
   "manifest_version": 3
-}
+}
\ No newline at end of file
diff --git a/manifest.json_v2 b/manifest.json_v2
index e23580e..6c4316b 100644
--- a/manifest.json_v2
+++ b/manifest.json_v2
@@ -6,7 +6,7 @@
   },
   "name": "SAP CPI Helper",
   "short_name": "CPI Helper",
-  "version": "3.14.1",
+  "version": "3.15.2",
   "description": "Extends the SAP Cloud Platform Integration with some useful features to improve usability.",
   "author": "Dominic Beckbauer",
   "homepage_url": "https://github.com/dbeck121/CPI-Helper-Chrome-Extension",
@@ -112,4 +112,4 @@
     "images/*"
   ],
   "manifest_version": 2
-}
+}
\ No newline at end of file
diff --git a/plugins/credentialHelper.js b/plugins/credentialHelper.js
index c6c2c5d..06735b0 100644
--- a/plugins/credentialHelper.js
+++ b/plugins/credentialHelper.js
@@ -129,7 +129,7 @@ var plugin = {
                 });
         
                 //append the dropdown to the body to ensure it is absolutely positioned
-                document.body.appendChild(dropdown);
+                body().appendChild(dropdown);
                 dropdown.style.display = 'block';
 
                 //add a scroll event listener to close the dropdown if scrolling is happening except for the dropdown
diff --git a/plugins/settingsPaneResizer-inject.js b/plugins/settingsPaneResizer-inject.js
new file mode 100644
index 0000000..8a1fee6
--- /dev/null
+++ b/plugins/settingsPaneResizer-inject.js
@@ -0,0 +1,28 @@
+function extendSettingsPane() {
+    // only press button if pane not yet expanded
+    var minButton = $('[id $="iflowSplitter-bar0-min-btn-img"]');                         
+    if (minButton.length == 0) {
+        //console.log("minButton not visible - expanding pane to " + "${newHeightInPct}" + "%");
+        console.log("Settings Pane expanded by CPI Helper Plugin")
+        window.sap.ui.getCore().byId( $('[id $="--iflowSplitter-bar0-restore-btn"]').eq(0).attr("id")).firePress();
+        var s = window.sap.ui.getCore().byId( $('[id^="__xmlview"][id$="-iflowSplitter"]').eq(0).attr("id"));
+        s.getContentAreas()[0].setLayoutData(new sap.ui.layout.SplitterLayoutData({ size: "${(100-newHeightInPct) + "%"}" }));
+        s.getContentAreas()[1].setLayoutData(new sap.ui.layout.SplitterLayoutData({ size: "${newHeightInPct + "%"}" }));
+        //s.invalidate();             
+    }
+}
+
+// add trigger of resizer when page content changes (to also catch page updates via 'ajax' instead of just full page reloads)                   
+var bodyObserver = new MutationObserver(function(mutations) {                                                                       
+    mutations.forEach(mutation => {                            
+        //console.log(mutation)
+        if (mutation.target.id.includes("iflowObjectPageLayout")) {
+            extendSettingsPane();
+        }
+    });
+});
+var config = { childList: true, subtree: true };
+bodyObserver.observe(document.body, config);
+
+// execute function once without observer (this is triggered on first page load)
+extendSettingsPane();
\ No newline at end of file
diff --git a/plugins/settingsPaneResizer.js b/plugins/settingsPaneResizer.js
index e909f48..a36a859 100644
--- a/plugins/settingsPaneResizer.js
+++ b/plugins/settingsPaneResizer.js
@@ -34,7 +34,7 @@ var plugin = {
             const workArea = $('[id $="iflowSplitter-content-0"]'); // upper split area, work area
             const settingsPane = $('[id $="iflowSplitter-content-1"]'); // lower split area (settings pane) incl. tabs/title bars (has height attr.)
             const paneAllContent = $('[id $="iflowPropertySheetView--iflowPropLayout"]'); // actual settings data container (also invisible part), no height attr.            
-            const paneContentVisible = $('[id $="iflowPropertySheetView--propertySheetPageContainer"]'); // div with visible part of data sheet (has height attr.)
+            const paneContentVisible = $('[id $="iflowPropertySheetView--propertySheetScrollContainer"]'); // div with visible part of data sheet (has height attr.)
 
             // create button/text in messages window
             var div = document.createElement("div");        	
@@ -98,44 +98,11 @@ var plugin = {
 					newHeightInPct =  configPaneHeightPercent;  
                 }
                 
-                // create inline script to trigger the pane restore button in UI5
-                const scriptElement = document.createElement('script');
-                scriptElement.setAttribute("id", "settingsPaneResizerScript");
-
-                scriptElement.innerHTML = `
-                    function extendSettingsPane() {
-                        // only press button if pane not yet expanded
-                        var minButton = $('[id $="iflowSplitter-bar0-min-btn-img"]');
-                        var pauseButton = $("#pauseButton");                       
-                        if (minButton.length == 0 && !pauseButton.hasClass("cpiHelper_inlineInfo-active") ) {
-                            //console.log("minButton not visible - expanding pane to " + "${newHeightInPct}" + "%");
-                            console.log("Settings Pane expanded by CPI Helper Plugin")
-                            window.sap.ui.getCore().byId( $('[id $="--iflowSplitter-bar0-restore-btn"]').eq(0).attr("id")).firePress();
-                            var s = window.sap.ui.getCore().byId( $('[id^="__xmlview"][id$="-iflowSplitter"]').eq(0).attr("id"));
-                            s.getContentAreas()[0].setLayoutData(new sap.ui.layout.SplitterLayoutData({ size: "${(100-newHeightInPct) + "%"}" }));
-                            s.getContentAreas()[1].setLayoutData(new sap.ui.layout.SplitterLayoutData({ size: "${newHeightInPct + "%"}" }));
-                            //s.invalidate();             
-                        }
-                    }
-
-                    // add trigger of resizer when page content changes (to also catch page updates via 'ajax' instead of just full page reloads)                   
-                    var bodyObserver = new MutationObserver(function(mutations) {                                                                       
-                        mutations.forEach(mutation => {                            
-							//console.log(mutation)
-                            if (mutation.target.id.includes("iflowObjectPageLayout")) {
-                                extendSettingsPane();
-                            }
-                        });
-                    });
-                    var config = { childList: true, subtree: true };
-                    bodyObserver.observe(document.body, config);
-                    
-                    // execute function once without observer (this is triggered on first page load)
-                    extendSettingsPane();                    
-                `;
-
-                document.head.appendChild(scriptElement);  
-        
+                // load andiinject inline script to trigger the pane restore button in UI5 (moved to separate file due to manifest v3 security restrictions)
+               const script = document.createElement('script');
+               script.setAttribute("id", "settingsPaneResizerScript");
+               script.src = chrome.runtime.getURL('plugins/settingsPaneResizer-inject.js');
+               document.head.appendChild(script);        
             }
 
         
diff --git a/plugins/timeline.js b/plugins/timeline.js
index 45d21ff..52d41a3 100644
--- a/plugins/timeline.js
+++ b/plugins/timeline.js
@@ -64,7 +64,7 @@ function createContent(data, pluginHelper) {
     var popupContentPrefix = `
     <table class="ui sortable celled center aligned table" id='timelinetable'>
         <thead>
-            <tr class="black">
+            <tr class="blue">
                 <th>Integration Flow Name</th>
                 <th>Integration Package</th>
                 <th>Status</th>
diff --git a/plugins/traceModifer.js b/plugins/traceModifer.js
index f40da24..78b2c63 100644
--- a/plugins/traceModifer.js
+++ b/plugins/traceModifer.js
@@ -7,11 +7,11 @@ clearalldata = () => {
                     for (i of Object.keys(items)) {
                         if (i.startsWith("traceModifer_")) {
                             chrome.storage.local.remove([i], () => { var error = chrome.runtime.lastError; if (error) { console.error(error); } })
-                            $.toast({ displayTime: 2000, title: 'Trace Modifer', message: i.replace('traceModifer_', "") + ' is removed', showProgress: 'bottom', classProgress: 'red' })
+                            $.toast({ displayTime: 2000, title: 'Trace Modifer', message: i.replace('traceModifer_', "") + ' is removed', showProgress: 'bottom', classProgress: 'red',class: ($("html").hasClass("sapUiTheme-sap_horizon_dark") ? " ch_dark " : ""), })
                         }
                     }
                 });
-                $.toast({ displayTime: 2000, title: 'Trace Modifer', message: 'All data cleared', showProgress: 'bottom', classProgress: 'green' })
+                $.toast({ displayTime: 2000, title: 'Trace Modifer', message: 'All data cleared', showProgress: 'bottom', classProgress: 'green',class: ($("html").hasClass("sapUiTheme-sap_horizon_dark") ? " ch_dark " : ""), })
             }
         }
     });
@@ -21,7 +21,7 @@ clearalldata = () => {
 var plugin = {
     metadataVersion: "1.0.0",
     id: "traceModifer",
-    name: "Performance stats | Trace Step (Beta)",
+    name: "Performance stats",
     version: "1.5.0",
     author: "Developed by Omkar",
     email: "omk14p@outlook.com",
diff --git a/popup/popup.css b/popup/popup.css
index ef68d94..73f376f 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -92,11 +92,6 @@ a>p {
     margin: 0;
 }
 
-/* max height for tab 2 */
-.tab[data-tab=two] {
-    height: 600px;
-}
-
 .tab {
     overflow-y: scroll;
     max-height: 600px;
diff --git a/popup/popup.html b/popup/popup.html
index 600d376..8f05757 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -5,6 +5,7 @@
 	<!-- You MUST include jQuery before Fomantic -->
 	<script src="/lib/jQuery/jquery.min.js"></script>
 	<link rel="stylesheet" type="text/css" href="/lib/semanticui/semantic.min.css">
+	<link rel="stylesheet" type="text/css" href="/lib/semanticui/semantic.dark.css">
 	<script src="/lib/semanticui/semantic.min.js"></script>
 	<link rel="stylesheet" href="popup.css">
 </head>
@@ -31,7 +32,7 @@
 			style="background-color: transparent !important;" class="right item cpihelper_version"></a>
 	</div>
 	<div class="ui bottom m0 attached active tab segment" id="lastVisitedIflows" data-tab="one">
-		<p>Please visit a SAP Cloud Integration page to see last visited artifacts.</p>
+		<div class="ui error message">Please visit a SAP Cloud Integration page to see last visited artifacts.</div>
 	</div>
 	<div class="ui bottom m0 attached tab segment" data-tab="two">
 		<div id="tenantUrls"></div>
@@ -50,7 +51,8 @@
 				Groovy IDE</a>
 			<a class="ui primary tertiary button" target="_blank" href="https://kangoolutions.com/blog/">
 				CPI Helper Blog</a>
-			<a class="ui primary tertiary button" target="_blank" href="https://help.sap.com/docs/cloud-integration/sap-cloud-integration/headers-and-exchange-properties-provided-by-integration-framework?trk=feed-detail_comments-list_comment-text">
+			<a class="ui primary tertiary button" target="_blank"
+				href="https://help.sap.com/docs/cloud-integration/sap-cloud-integration/headers-and-exchange-properties-provided-by-integration-framework?trk=feed-detail_comments-list_comment-text">
 				List of Internal Headers and Properties</a>
 			</a>
 		</div>
@@ -65,13 +67,17 @@
 		</p>
 	</div>
 	<div class="ui bottom m0 attached tab segment" data-tab="three">
-		<div id="tenantSettings">Please visit a SAP Cloud Integration page to see tenant settings.</div>
+		<div id="tenantSettings">
+			<div class="ui error message">Please visit a SAP Cloud Integration page to see tenant settings.</div>
+		</div>
 	</div>
 	<div class="ui bottom m0 attached tab segment" data-tab="four">
-		<p class="ui horizontal divider header">Current version: <i class="cpihelper_version"></i></p>
-		<p>License: <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">GNU GPL v3</a>
-		</p>
-		<p>*we are not responsible for the content of external links</p>
+		<div class="ui message">
+			<div class="mini header">
+				License: <a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text" target="_blank">GNU GPL v3</a>
+			</div>
+			<p>*we are not responsible for the content of external links</p>
+		</div>
 	</div>
 	<script src="popup.js"></script>
 </body>
diff --git a/popup/popup.js b/popup/popup.js
index f2515a8..40c7a18 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -11,104 +11,124 @@ async function addLastVisitedIflows() {
     var elements = {}
 
     let result = await chrome.storage.sync.get([name])
-        var visitedIflows = result[name];
-        if (!visitedIflows || visitedIflows.length == 0) {
-            var lastVisitedIflows = document.getElementById("lastVisitedIflows");
-            var html = `<div class="ui horizontal divider header">No artifacts to show.</div>`;
-            lastVisitedIflows.innerHTML = html;
-            return;
-        }
-        var compact = document.querySelector('#cpi_compact_mode>.active').getAttribute('data') === "true";
-        var artifactTypes = ["Package", "IFlow", "Message Mapping", "Script Collection", "Value Mapping", "SOAP API", "REST API", "ODATA API"]
-        var html = `<div class="ui horizontal divider header">Last Visited on Tenant ${name.split("_")[1]}</div>`;
-        if (compact) {
-
-            for (var i = visitedIflows.length - 1; i > -1; i--) {
-                if (visitedIflows[i].type) {
-                    if (elements[visitedIflows[i].type]) {
-                        elements[visitedIflows[i].type].push(visitedIflows[i])
-                    } else {
-                        elements[visitedIflows[i].type] = [visitedIflows[i]]
-                    }
+    var visitedIflows = result[name];
+    if (!visitedIflows || visitedIflows.length == 0) {
+        var lastVisitedIflows = document.getElementById("lastVisitedIflows");
+        var html = `<div class="ui horizontal divider header">No artifacts to show.</div>`;
+        lastVisitedIflows.innerHTML = html;
+        return;
+    }
+    var compact = document.querySelector('#cpi_compact_mode>.active').getAttribute('data') === "true";
+    var artifactTypes = ["Package", "IFlow", "Message Mapping", "Script Collection", "Value Mapping", "SOAP API", "REST API", "ODATA API"]
+    var html = `<div class="ui horizontal divider header">Last Visited on Tenant ${name.split("_")[1]}</div>`;
+    if (compact) {
+
+        for (var i = visitedIflows.length - 1; i > -1; i--) {
+            if (visitedIflows[i].type) {
+                if (elements[visitedIflows[i].type]) {
+                    elements[visitedIflows[i].type].push(visitedIflows[i])
                 } else {
-                    if (elements["noheader"]) {
-                        elements["noheader"].push(visitedIflows[i])
-                    } else {
-                        elements["noheader"] = [visitedIflows[i]]
-                    }
+                    elements[visitedIflows[i].type] = [visitedIflows[i]]
                 }
-            }
-
-            artifactTypes.map((artifact) => {
-                var subject = artifact
-                if (elements[subject]) {
-                    html += `<div class="ui menu"><a class="ui item"><strong>${subject}</strong></a><div class="ui wrapped wrapping buttons fluid">`
-                    elements[subject].map((item) => {
-                        html += `<a class="ui button" href="${item.url}" target="_blank">${item.name}</a>`
-                    })
-                    html += `</div></div>`
+            } else {
+                if (elements["noheader"]) {
+                    elements["noheader"].push(visitedIflows[i])
+                } else {
+                    elements["noheader"] = [visitedIflows[i]]
                 }
-            })
+            }
+        }
 
-            var subject = "noheader"
+        artifactTypes.map((artifact) => {
+            var subject = artifact
             if (elements[subject]) {
-                html += `
-            <div class="ui horizontal divider header">CPI Helper old version items</div>
-            <div class="ui menu"><div class="ui wrapped wrapping buttons fluid">`
+                html += `<div class="ui menu"><a class="ui item"><strong>${subject}</strong></a><div class="ui wrapped wrapping buttons fluid">`
                 elements[subject].map((item) => {
                     html += `<a class="ui button" href="${item.url}" target="_blank">${item.name}</a>`
                 })
                 html += `</div></div>`
             }
-        } else {
+        })
 
-            for (var i = visitedIflows.length - 1; i > -1; i--) {
-                if (visitedIflows[i].type) {
-                    if (elements[visitedIflows[i].type]) {
-                        elements[visitedIflows[i].type].push(visitedIflows[i])
-                    } else {
-                        elements[visitedIflows[i].type] = [visitedIflows[i]]
-                    }
+        var subject = "noheader"
+        if (elements[subject]) {
+            html += `
+            <div class="ui horizontal divider header">CPI Helper old version items</div>
+            <div class="ui menu"><div class="ui wrapped wrapping buttons fluid">`
+            elements[subject].map((item) => {
+                html += `<a class="ui button" href="${item.url}" target="_blank">${item.name}</a>`
+            })
+            html += `</div></div>`
+        }
+    } else {
+
+        for (var i = visitedIflows.length - 1; i > -1; i--) {
+            if (visitedIflows[i].type) {
+                if (elements[visitedIflows[i].type]) {
+                    elements[visitedIflows[i].type].push(visitedIflows[i])
                 } else {
-                    if (elements["noheader"]) {
-                        elements["noheader"].push(visitedIflows[i])
-                    } else {
-                        elements["noheader"] = [visitedIflows[i]]
-                    }
+                    elements[visitedIflows[i].type] = [visitedIflows[i]]
                 }
-            }
-
-            artifactTypes.map((artifact) => {
-                var subject = artifact
-                if (elements[subject]) {
-                    html += `<div class="ui menu"><a class="ui item"><strong>${subject}</strong></a><div class="ui wrapped wrapping buttons fluid">`
-                    elements[subject].map((item, index) => { html += `<div class="ui fluid buttons"><a href="${item.url}" target="_blank" class="ui button">${item.name}</a></div>` })
-                    html += `</div></div>`
+            } else {
+                if (elements["noheader"]) {
+                    elements["noheader"].push(visitedIflows[i])
+                } else {
+                    elements["noheader"] = [visitedIflows[i]]
                 }
-            })
+            }
+        }
 
-            var subject = "noheader"
+        artifactTypes.map((artifact) => {
+            var subject = artifact
             if (elements[subject]) {
-                html += `<div class="ui horizontal divider header">CPI Helper old version items</div>
-                        <div class="ui menu"><div class="ui wrapped wrapping buttons fluid">`
-                elements[subject].map((item, index) => { html += `<div class="ui fluid buttons"><a target="_blank" href="${item.url}" class="ui button">${item.name}</a></div>` })
+                html += `<div class="ui menu"><a class="ui item"><strong>${subject}</strong></a><div class="ui wrapped wrapping buttons fluid">`
+                elements[subject].map((item, index) => { html += `<div class="ui fluid buttons"><a href="${item.url}" target="_blank" class="ui button">${item.name}</a></div>` })
                 html += `</div></div>`
             }
-        }
-        var lastVisitedIflows = document.getElementById("lastVisitedIflows");
-        lastVisitedIflows.innerHTML = html;
+        })
 
-        
+        var subject = "noheader"
+        if (elements[subject]) {
+            html += `<div class="ui horizontal divider header">CPI Helper old version items</div>
+                        <div class="ui menu"><div class="ui wrapped wrapping buttons fluid">`
+            elements[subject].map((item, index) => { html += `<div class="ui fluid buttons"><a target="_blank" href="${item.url}" class="ui button">${item.name}</a></div>` })
+            html += `</div></div>`
+        }
+    }
+    var lastVisitedIflows = document.getElementById("lastVisitedIflows");
+    lastVisitedIflows.innerHTML = html;
 }
 
 function getSideBarAlwaysVisible() {
-
+    chrome.storage.sync.get(["CPIhelperThemeInfo"], function (res) {
+        //Light theme
+        if (res["CPIhelperThemeInfo"]) {
+            chrome.storage.sync.get(["darkmodeOnStartup"], function (result) {
+                if(result["darkmodeOnStartup"] === undefined){
+                    result["darkmodeOnStartup"] = false;
+                }
+                document.querySelectorAll('#darkmodeOnStartup>.button')[result["darkmodeOnStartup"] ? 1 : 0].classList.add('active')
+                $('html').attr('class', (!result["darkmodeOnStartup"] ? "ch_dark" : "ch_light"))
+                document.querySelector('#darkmodeOnStartup').addEventListener('click', () => {
+                    document.querySelectorAll('#darkmodeOnStartup>.button').forEach(e => e.classList.toggle('active'))
+                    let ctnx = document.querySelector('#darkmodeOnStartup>.active').getAttribute('data') === 'true';
+                    console.log("dark : ", ctnx)
+                    chrome.storage.sync.set({ "darkmodeOnStartup": !ctnx });
+                });
+            });
+        }
+        //dark theme - darkmode is stuck to dark only
+        else {
+            document.querySelectorAll('#darkmodeOnStartup>.button')[1].classList.add('active')
+            document.querySelectorAll('#darkmodeOnStartup>.button').forEach(e => e.classList.toggle('active'))
+        }
+    });
     chrome.storage.sync.get(["openMessageSidebarOnStartup"], function (result) {
         document.querySelectorAll('#openMessageSidebarOnStartup>.button')[result["openMessageSidebarOnStartup"] ? 0 : 1].classList.add('active')
         document.querySelector('#openMessageSidebarOnStartup').addEventListener('click', () => {
             document.querySelectorAll('#openMessageSidebarOnStartup>.button').forEach(e => e.classList.toggle('active'))
             let ctnx = document.querySelector('#openMessageSidebarOnStartup>.active').getAttribute('data') === 'true';
-            console.log(ctnx)
+            console.log("open : ", ctnx)
             chrome.storage.sync.set({ "openMessageSidebarOnStartup": ctnx });
         });
     });
@@ -117,7 +137,7 @@ function getSideBarAlwaysVisible() {
         document.querySelector('#openSidebarOnStartup').addEventListener('click', () => {
             document.querySelectorAll('#openSidebarOnStartup>.button').forEach(e => e.classList.toggle('active'))
             let ctnx = document.querySelector('#openSidebarOnStartup>.active').getAttribute('data') === 'true';
-            console.log("plugin", ctnx)
+            console.log("plugin : ", ctnx)
             chrome.storage.sync.set({ "openSidebarOnStartup": ctnx });
         });
     });
@@ -219,6 +239,11 @@ function addTenantSettings() {
                 </select>
             </div>
         </div><br/>
+        <div  id="darkmodeOnStartup" class="ui label buttons">
+            <div class="ui label">Dark Mode?</div>
+            <div data=true class="ui toggle basic button">Yes</div>
+            <div data=false class="ui toggle basic button">No</div>
+        </div><br/>
         <div  id="openMessageSidebarOnStartup" class="ui label buttons">
             <div class="ui label">Open Message Sidebar on start?</div>
             <div data=true class="ui toggle basic button">Yes</div>
@@ -271,6 +296,7 @@ function addTenantSettings() {
             <div class="ui medium header" style="color:var(--cpi-dark-green)">CPI Helper Settings</div>
             <p><b>Choose Tab</b>:Set active tab on start <span class="ui green text"> Last visited(Default)</span><div class="ui fitted divider"></div></p>
             <p><b>Open Message Sidebar on start?</b>: yes /<span class="ui green text"> No(Default)</span><div class="ui fitted divider"></div></p>
+            <p><b>Dark mode?</b>: yes/<span class="ui green text"> No(Default)</span><div class="ui fitted divider"></div></p>
             <p><b>Plugin-page as Sidebar (Separate)?</b>: yes(Separate & Closed) /<span class="ui green text"> No(Default)(Joint & Open)</span><div class="ui fitted divider"></div></p>
             <p><b>Set Zoom Level:</b> This value will change zoom level of current page only.<br /> Min: 60% | Max: 120% | <span class="ui green text">Default: 85%</span><div class="ui fitted divider"></div></p>
             <p>
@@ -523,11 +549,22 @@ function tenantIdentityChanges() {
                 tenantLog.value = hostData.loglevel = response.loglevel;
                 tenantCount.value = hostData.count = response.count
                 chrome.storage.sync.get("CPIhelperThemeInfo", (theme) => {
-                    tenantColor.value = hostData.color = adjustColorLimiter(tenantColor.value, !(theme['CPIhelperThemeInfo']) ? 80 : 20, 25, !(theme['CPIhelperThemeInfo']));
-                    tenantColor.dispatchEvent(new Event("change"));
-                    console.log(tenantColor.value);
-                    popupcolor.style.setProperty('--cpi-text-color', !(theme['CPIhelperThemeInfo']) ? '#ffffff' : '#000000');
-                    popupcolor.style.setProperty('--cpi-custom-color', tenantColor.value);
+                    chrome.storage.sync.get("darkmodeOnStartup", (local) => {
+                        if(local["darkmodeOnStartup"] === undefined){
+                            local["darkmodeOnStartup"] = false;
+                        }
+                        let isDarkmode = false //!(theme['CPIhelperThemeInfo'])
+                     //   if (!isDarkmode) {
+                            isDarkmode = local['darkmodeOnStartup']
+                       // }
+                        $('html').attr('class', (isDarkmode ? "ch_dark" : "ch_light"))
+                        tenantColor.value = hostData.color = adjustColorLimiter(tenantColor.value, isDarkmode ? 80 : 20, 25, !(theme['CPIhelperThemeInfo']));
+                        tenantColor.dispatchEvent(new Event("change"));
+                        console.log(tenantColor.value);
+                        popupcolor.style.setProperty('--cpi-text-color', isDarkmode ? '#ffffff' : '#000000');
+                        popupcolor.style.setProperty('--cpi-custom-color', tenantColor.value);
+                    });
+
                 });
             }
         });
@@ -558,9 +595,11 @@ function tenantIdentityChanges() {
         tenantColor.addEventListener('change', async () => {
             // custom filter skip
             let theme = await callChromeStoragePromise("CPIhelperThemeInfo")
+            if (theme) {
+                let theme = await callChromeStoragePromise("darkmodeOnStartup")
+            }
             tenantColor.value = adjustColorLimiter(tenantColor.value, !theme ? 80 : 20, 25, !theme)
             hostData.color = tenantColor.value
-            console.log(tenantColor.value)
             // set popup.html header
             popupcolor.style.setProperty('--cpi-custom-color', tenantColor.value);
             popupcolor.style.setProperty('--cpi-text-color', theme ? '#000000' : '#ffffff');
@@ -700,8 +739,9 @@ function callChromeStoragePromise(key) {
 chrome.storage.onChanged.addListener((changes, namespace) => {
     for (var key in changes) {
         console.log(key, changes[key]);
-        if (key === "CPIhelperThemeInfo") {
+        if (key === "CPIhelperThemeInfo" || key === "darkmodeOnStartup") {
             var theme = changes[key];
+            $('html').attr('class', (!theme.newValue ? "ch_dark" : "ch_light"))
             document.querySelector('#colorSelect').dispatchEvent(new Event("change"));
             document.querySelector(':root').style.setProperty('--cpi-text-color', theme ? '#000000' : '#ffffff');
         }
diff --git a/scripts/contentScript.js b/scripts/contentScript.js
index 564cd9d..a64fec7 100644
--- a/scripts/contentScript.js
+++ b/scripts/contentScript.js
@@ -55,7 +55,7 @@ cpiData.functions.openTrace = openTrace;
 
 //open new window for infos
 function openInfo(url) {
-  window.open(url, '_blank');
+  window.open(url, "_blank");
 }
 
 //refresh the logs in message window
@@ -65,18 +65,17 @@ var numberEntries = hostData.count || 10;
 
 //fill the message sidebar
 async function renderMessageSidebar() {
-
   var createRow = function (elements, trClass) {
     var tr = document.createElement("tr");
-    tr.className = trClass
-    elements.forEach(element => {
+    tr.className = trClass;
+    elements.forEach((element) => {
       let td = document.createElement("td");
       elements.length == 1 ? td.colSpan = 3 : null;
       typeof (element) == "object" ? td.appendChild(element) : td.innerHTML = element;
       tr.appendChild(td);
     });
     return tr;
-  }
+  };
 
   //check if iflowid exists
   iflowId = cpiData.integrationFlowId;
@@ -85,31 +84,12 @@ async function renderMessageSidebar() {
   }
 
   await getIflowInfo((data) => {
-    let deploymentText = document.getElementById('deploymentText');
+    let deploymentText = document.getElementById("deploymentText");
     if (deploymentText) {
-
-      let statusColor = "#000";
-
-      if (cpiData?.flowData?.artifactInformation?.deployState == "DEPLOYED") {
-        statusColor = "#008000";
-      }
-
-      if (cpiData?.flowData?.artifactInformation?.deployState == "STARTING") {
-        statusColor = "#FFC300"; trace
-      }
-
-      if (cpiData?.flowData?.artifactInformation?.deployState == "STORED") {
-        statusColor = "#FFC300";
-      }
-
-      if (cpiData?.flowData?.artifactInformation?.deployState == "FAILED") {
-        statusColor = "#FF0000";
-      }
-
-      deploymentText.innerHTML = "State: <span style='color: " + statusColor + "'>" + cpiData?.flowData?.artifactInformation?.deployState + "</span>";
+      let statusColor = getStatusColorCode(cpiData?.flowData?.artifactInformation?.deployState)
+      deploymentText.innerHTML = `State: <span style="color:${statusColor}">${cpiData?.flowData?.artifactInformation?.deployState}</span>`
     }
-  }, true)
-
+  }, true);
 
   //get the messagelogs for current iflow
   //var xhr = await makeCallPromiseXHR("GET", "/" + cpiData.urlExtension + "odata/api/v1/MessageProcessingLogs?$filter=IntegrationFlowName eq '" + iflowId + "' and Status ne 'RETRY' and Status ne 'DISCARDED'&$top=" + numberEntries + "&$format=json&$orderby=LogEnd desc", false, null, null, false, "", false)
@@ -130,7 +110,7 @@ async function renderMessageSidebar() {
     }
     //    document.getElementById('iflowName').innerText = cpiData.integrationFlowId;
 
-    let updatedText = document.getElementById('updatedText');
+    let updatedText = document.getElementById("updatedText");
 
     updatedText.innerHTML = "<span>Updated: " + new Date().toLocaleTimeString("de-DE") + "</span>";
 
@@ -146,11 +126,11 @@ async function renderMessageSidebar() {
 
           let thisMessageHashList = [];
 
-          let messageList = document.getElementById('messageList');
+          let messageList = document.getElementById("messageList");
           messageList.innerHTML = "";
           var lastDay;
 
-          //display few : 
+          //display few :
           var count = parseInt(document.querySelector("head > meta[name='cpi-count']") !== null ? document.querySelector("head > meta[name='cpi-count']").content : resp.length)
 
           for (var i = 0; i < count; i++) {
@@ -167,13 +147,11 @@ async function renderMessageSidebar() {
             //write date if necessary
             let date = new Date(parseInt(resp[i].LogEnd.match(/\d+/)[0]));
 
-
             //add offset to utc time. The offset is not correct anymore but isostring can be used to show local time
             date.setTime(date.getTime() - date.getTimezoneOffset() * 60 * 1000);
             runInfoElement[thisMessageHash].timeZoneOffset = date.getTimezoneOffset()
             date = date.toISOString();
 
-
             if (date.substr(0, 10) != lastDay) {
               messageList.appendChild(createRow([date.substr(0, 10)]));
               lastDay = date.substr(0, 10);
@@ -193,7 +171,7 @@ async function renderMessageSidebar() {
             if (loglevel.toLowerCase() === "trace") {
               var quickInlineTraceButton = createElementFromHTML(`<button title='activate inline trace for debugging'  id='inlinetrace--${i}' class='${resp[i].MessageGuid} ${flash} cpiHelper_inlineInfo-button'><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>`);
             } else {
-              var quickInlineTraceButton = createElementFromHTML("<span />")
+              var quickInlineTraceButton = createElementFromHTML("<span />");
             }
 
             let infoButton = createElementFromHTML(`<button title='show logs in new tab' id='info--${i}' class='${(cpiData.urlExtension && !resp[i].AlternateWebLink.replace("https://", "").match(cpiTypeRegexp) ? resp[i].AlternateWebLink.replace("443/shell", "443/" + cpiData.urlExtension + "shell") : resp[i].AlternateWebLink)} ${flash}'><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>`);
@@ -201,23 +179,18 @@ async function renderMessageSidebar() {
 
             //let listItem = document.createElement("div");
             //listItem.classList.add("cpiHelper_messageListItem")
-            let statusColor = "#008000";
+            let statusColor = getStatusColorCode(resp[i].Status);
             let statusIcon = "xe05b";
             if (resp[i].Status == "PROCESSING") {
-              statusColor = "#FFC300";
               statusIcon = "xe047";
             }
             if (resp[i].Status == "FAILED") {
-              statusColor = "#C70039";
               statusIcon = "xe03e";
             }
             if (resp[i].Status.match(/^(ESCALATED|RETRY)$/)) {
-
-              statusColor = "#ff8300";
               statusIcon = "xe201";
             }
             if (resp[i].Status.match(/^(CANCELLED|ABANDONED)$/)) {
-              statusColor = "#7f7f7f";
               statusIcon = "xe23e";
             }
 
@@ -242,7 +215,7 @@ async function renderMessageSidebar() {
                 apireserror(e.currentTarget.parentNode.parentNode.className);
                 e.currentTarget.classList.add('cpiHelper_sidebar_iconbutton');
               }
-            }
+            };
 
             quickInlineTraceButton.onmouseup = async (e) => {
               var mytarget = e.currentTarget
@@ -269,10 +242,10 @@ async function renderMessageSidebar() {
             //timebutton merged in statusicon.
             messageList.appendChild(createRow([statusicon, logButton, infoButton, traceButton, quickInlineTraceButton, ...pluginButtons], resp[i].MessageGuid));
             infoButton.addEventListener("click", (a) => {
-              statistic("messagebar_btn_info_click")
-              let url = a.currentTarget.classList[0]
+              statistic("messagebar_btn_info_click");
+              let url = a.currentTarget.classList[0];
               if (url.match(cpiTypeRegexp)) {
-                url = url.replace("/itspaces", "")
+                url = url.replace("/itspaces", "");
               }
               openInfo(url);
             });
@@ -283,7 +256,7 @@ async function renderMessageSidebar() {
             });
 
             traceButton.addEventListener("click", (a) => {
-              statistic("messagebar_btn_trace_click")
+              statistic("messagebar_btn_trace_click");
               openTrace(a.currentTarget.classList[0]);
             });
 
@@ -309,51 +282,59 @@ function calculateMessageSidebarTimerTime(lastTabHidden, lastDurationRefresh) {
   }
 
   if (lastDurationRefresh > 2000) {
-    log.debug("Last rendering took more than 2000ms, set timer to 18 seconds")
+    log.debug("Last rendering took more than 2000ms, set timer to 18 seconds");
     messageSidebarTimerTime = 6;
     return messageSidebarTimerTime;
   }
   if (lastDurationRefresh > 1000) {
-    log.debug("Last rendering took more than 1000ms, set timer to 9 seconds")
+    log.debug("Last rendering took more than 1000ms, set timer to 9 seconds");
     messageSidebarTimerTime = 2;
     return messageSidebarTimerTime;
   }
   if (lastDurationRefresh > 500) {
-    log.debug("Last rendering took more than 500ms, set timer to 6 seconds")
+    log.debug("Last rendering took more than 500ms, set timer to 6 seconds");
     messageSidebarTimerTime = 2;
     return messageSidebarTimerTime;
   }
-  log.debug("Set timer to " + messageSidebarTimerTime + " counts")
+  log.debug("Set timer to " + messageSidebarTimerTime + " counts");
   return messageSidebarTimerTime;
 }
 
 var inlineTraceRunning = false;
 async function clickTrace(e) {
+  $('[ch_inline_active]').removeAttr('ch_inline_active');
   if (inlineTraceRunning) {
     return;
   }
+  if ($(".cpiHelper_inlineInfo").length === 0) {
+    showToast("Inline trace has been turned off")
+    return;
+  }
   inlineTraceRunning = true;
+  showWaitingPopup();
 
   var formatLogContent = function (inputList) {
     inputList = inputList.sort(function (a, b) { return a.Name.toLowerCase() > b.Name.toLowerCase() ? 1 : -1 });
     result = `<table class='ui basic striped selectable compact table'>
-    <thead><tr class="black"><th>Name</th><th>Value</th></tr></thead>
+    <thead><tr class="blue"><th>Name</th><th>Value</th></tr></thead>
     <tbody>`
     inputList.forEach(item => {
       result += "<tr><td>" + item.Name + "</td><td style=\"word-break: break-all;\">" + item.Value + "</td></tr>"
     });
     result += "</tbody></table>";
     return result;
-  }
+  };
 
   var formatInfoContent = function (inputList) {
-
     valueList = [];
 
     var stepStart = new Date(parseInt(inputList.StepStart.substr(6, 13)));
     stepStart.setTime(stepStart.getTime() - stepStart.getTimezoneOffset() * 60 * 1000);
 
-    valueList.push({ Name: "Start Time", Value: stepStart.toISOString().substr(0, 23) });
+    valueList.push({
+      Name: "Start Time",
+      Value: stepStart.toISOString().substr(0, 23),
+    });
 
     if (inputList.StepStop) {
       var stepStop = new Date(parseInt(inputList.StepStop.substr(6, 13)));
@@ -374,15 +355,14 @@ async function clickTrace(e) {
 
     valueList.push({ Name: "ChildCount", Value: inputList.ChildCount });
 
-
-    result = `<table class='ui basic striped selectable compact table'><thead><tr class="black"><th>Name</th><th>Value</th></tr></thead>
+    result = `<table class='ui basic striped selectable compact table'><thead><tr class="blue"><th>Name</th><th>Value</th></tr></thead>
     <tbody>`
     valueList.forEach(item => {
       result += "<tr><td>" + item.Name + "</td><td style=\"word-break: break-all;\">" + item.Value + "</td></tr>"
     });
     result += "</tbody></table>";
     return result;
-  }
+  };
 
   //get the content for a tab in a trace popup
   var getTraceTabContent = async function (object) {
@@ -395,7 +375,7 @@ async function clickTrace(e) {
       return "No trace for this step exists, it is already deleted or not in trace mode.";
       //   throw new Error("no trace found");
     }
-    var traceId = trace.TraceId
+    var traceId = trace.TraceId;
     let html = "";
     if (object.traceType == "properties") {
       let elements = JSON.parse(await makeCallPromise("GET", "/" + cpiData.urlExtension + "odata/api/v1/TraceMessages(" + traceId + ")/ExchangeProperties?$format=json", true)).d.results;
@@ -422,25 +402,26 @@ async function clickTrace(e) {
     }
 
     return html;
-  }
+  };
 
   var id = this.id.replace(/BPMN[a-zA-Z-]+_/, "");
 
   var targetElements = inlineTraceElements.filter((element) => {
     return element.StepId == id || element.ModelStepId == id;
-  })
-
+  });
+  e.target.setAttribute("ch_inline_active", true)
   //trace level check
   var messageguid = document.querySelector('.cpiHelper_inlineInfo-button.cpiHelper_inlineInfo-active').className.replace('flash', "").replace(/cpiHelper_inlineInfo-[A-z]+|\s+/g, '').trim()
   var logleveldata = JSON.parse(await makeCallPromise("GET", `/${cpiData.urlExtension}odata/api/v1/MessageProcessingLogs('${messageguid}')?$format=json`, true)).d;
 
   if (logleveldata.LogLevel != 'TRACE') {
+    $("#cpiHelper_waiting_model").modal("hide");
     showToast("Trace is not enabled", "your log level is" + logleveldata.LogLevel, "warning");
   }
   else if (logleveldata.LogLevel == 'TRACE' && new Date(parseInt(logleveldata.LogEnd.replace(/\D/g, '')) + (1.05 * 60 * 60000)) < new Date()) {
+    $("#cpiHelper_waiting_model").modal("hide");
     showToast("Trace is expired", "1 hour is already passed", "warning");
-  }
-  else {
+  } else {
     //Trace
     //https://p0349-tmn.hci.eu1.hana.ondemand.com/itspaces/odata/api/v1/TraceMessages(7875L)/$value
 
@@ -452,127 +433,137 @@ async function clickTrace(e) {
 
     //TraceID
     //https://p0349-tmn.hci.eu1.hana.ondemand.com/itspaces/odata/api/v1/MessageProcessingLogRunSteps(RunId='AF57ga2G45vKDTfn7zqO0zwJ9n93',ChildCount=17)/TraceMessages?$format=json
-    var runs = [];
-    for (var n = targetElements.length - 1; n >= 0; n--) {
-      var childCount = targetElements[n].ChildCount;
-      var runId = targetElements[n].RunId;
-      var branch = targetElements[n].BranchId
-      try {
-        // var traceId = JSON.parse(await makeCallPromise("GET", "/"+cpiData.urlExtension+"odata/api/v1/MessageProcessingLogRunSteps(RunId='" + runId + "',ChildCount=" + childCount + ")/TraceMessages?$format=json", true)).d.results[0].TraceId;
-        var objects = [{
-          label: "Properties",
-          content: getTraceTabContent,
-          active: true,
-          childCount: childCount,
-          runId: runId,
-          traceType: "properties"
-        }, {
-          label: "Headers",
-          content: getTraceTabContent,
-          active: false,
-          childCount: childCount,
-          runId: runId,
-          traceType: "headers"
-        }, {
-          label: "Body",
-          content: getTraceTabContent,
-          active: false,
-          childCount: childCount,
-          runId: runId,
-          traceType: "trace"
-        }, {
-          label: "Log",
-          content: getTraceTabContent,
-          active: false,
-          childCount: childCount,
-          runId: runId,
-          traceType: "logContent"
-        },
-        {
-          label: "Info",
-          content: getTraceTabContent,
-          active: false,
-          childCount: childCount,
-          runId: runId,
-          traceType: "info"
-        }
-        ]
-        if (targetElements[n].Error) {
-          let innerContent = document.createElement("div");
-          innerContent.classList.add("cpiHelper_traceText");
-          innerContent.innerText = targetElements[n].Error;
-          innerContent.style.display = "block";
-          objects.push({
-            label: "Error",
-            content: innerContent,
-            active: false
+    async function loginformation() {
+      {
+        var runs = [];
+        for (var n = targetElements.length - 1; n >= 0; n--) {
+          var childCount = targetElements[n].ChildCount;
+          var runId = targetElements[n].RunId;
+          var branch = targetElements[n].BranchId;
+          try {
+            // var traceId = JSON.parse(await makeCallPromise("GET", "/"+cpiData.urlExtension+"odata/api/v1/MessageProcessingLogRunSteps(RunId='" + runId + "',ChildCount=" + childCount + ")/TraceMessages?$format=json", true)).d.results[0].TraceId;
+            var objects = [
+              {
+                label: "Properties",
+                content: getTraceTabContent,
+                active: true,
+                childCount: childCount,
+                runId: runId,
+                traceType: "properties",
+              },
+              {
+                label: "Headers",
+                content: getTraceTabContent,
+                active: false,
+                childCount: childCount,
+                runId: runId,
+                traceType: "headers",
+              },
+              {
+                label: "Body",
+                content: getTraceTabContent,
+                active: false,
+                childCount: childCount,
+                runId: runId,
+                traceType: "trace",
+              },
+              {
+                label: "Log",
+                content: getTraceTabContent,
+                active: false,
+                childCount: childCount,
+                runId: runId,
+                traceType: "logContent",
+              },
+              {
+                label: "Info",
+                content: getTraceTabContent,
+                active: false,
+                childCount: childCount,
+                runId: runId,
+                traceType: "info",
+              },
+            ];
+            if (targetElements[n].Error) {
+              let innerContent = document.createElement("div");
+              innerContent.classList.add("cpiHelper_traceText");
+              innerContent.innerText = targetElements[n].Error;
+              innerContent.style.display = "block";
+              objects.push({
+                label: "Error",
+                content: innerContent,
+                active: false,
+              });
+            }
+            let label = "" + branch;
+            let content = await createTabHTML(objects, "tracetab-" + childCount);
+            if (content) {
+              runs.push({
+                label,
+                content,
+              });
+            }
+          } catch (error) {
+            log.log("error catching trace");
           }
-          );
         }
-        let label = "" + branch
-        let content = await createTabHTML(objects, "tracetab-" + childCount)
-        if (content) {
-          runs.push({
-            label,
-            content
-          });
+        if (runs.length == 0) {
+          showToast("No Trace Found", "", "warning");
+          return;
         }
-      } catch (error) {
-        log.log("error catching trace");
+        return runs.length == 1 ? runs[0].content : await createTabHTML(runs, "runstab", 0)
       }
     }
-    if (runs.length == 0) {
-      showToast("No Trace Found", "", "warning");
-      return;
-    }
-    if (runs.length == 1) {
-      showBigPopup(runs[0].content, "Content Before Step");
-    } else {
-      showBigPopup(await createTabHTML(runs, "runstab", 0), "Content Before Step");
-    }
+    let childindex = Array.from(document.querySelectorAll(".cpiHelper_onclick[inline_cpi_child]"), (e) => parseInt(e.getAttribute("inline_cpi_child"), 10)).sort((a, b) => a - b)
+    //console.log(e.target.parentNode.parentNode)
+    childindex = childindex.indexOf(parseInt(e.target.parentNode.parentNode.getAttribute("inline_cpi_child")));
+    showBigPopup(await loginformation, "Content Before Step", { fullscreen: true, callback: null }, childindex, document.querySelectorAll(".cpiHelper_onclick[inline_cpi_child]").length, String(e.pointerType));
   }
   inlineTraceRunning = false;
 }
 
 async function hideInlineTrace() {
-
   activeInlineItem = null;
-
-  var classesToBedeleted = ["cpiHelper_inlineInfo", "cpiHelper_inlineInfo_error", "cpiHelper_avg", "cpiHelper_belowavg", "cpiHelper_inlineInfo-active", "cpiHelper_aboveavg", "cpiHelper_max", "cpiHelper_min"]
-  onClicKElements.forEach((element) => {
-    if (element.onclick) {
-      element.onclick = null;
-    }
-  });
-
+  $('[ch_inline_active]').removeAttr('ch_inline_active');
+  $('[inline_cpi_child]').removeAttr('inline_cpi_child');
+
+  var classesToBeDeleted = [
+    ".cpiHelper_inlineInfo",
+    ".cpiHelper_inlineInfo_error",
+    ".cpiHelper_avg",
+    ".cpiHelper_belowavg",
+    ".cpiHelper_inlineInfo-active",
+    ".cpiHelper_aboveavg",
+    ".cpiHelper_max",
+    ".cpiHelper_min"
+  ];
+  onClicKElements.forEach(element => element.onclick = null);
   onClicKElements = [];
-
-  classesToBedeleted.forEach((element) => {
-    let elements = document.getElementsByClassName(element);
-    for (let i = (elements.length - 1); i >= 0; i--) {
-      if (elements[i].onclick) {
-        elements[i].onclick = null;
-        //elements[i].removeEventListener('onclick', clickTrace);
-      }
-      elements[i].classList.remove(element)
-    }
+  const elementsToProcess = new Set();
+  classesToBeDeleted.forEach(selector => {
+    document.querySelectorAll(selector).forEach(element => {
+      elementsToProcess.add(element);
+    });
+  });
+  elementsToProcess.forEach(element => {
+    element.onclick = null;
+    classesToBeDeleted.forEach(selector => {
+      element.classList.remove(selector.substring(1));
+    });
   });
 }
 
 function timenodediff(e) {
   return {
-    "StepId": e.StepId, "ModelStepId": e.ModelStepId,
-    "CH_stats": parseInt(e.StepStop.match(/\d+/)[0]) - parseInt(e.StepStart.match(/\d+/)[0])
-  }
+    StepId: e.StepId,
+    ModelStepId: e.ModelStepId,
+    CH_stats: parseInt(e.StepStop.match(/\d+/)[0]) - parseInt(e.StepStart.match(/\d+/)[0]),
+  };
 }
 
 function maxNode(arr) {
-  let max = arr[0];
-  for (var i = 1; i < arr.length; i++) {
-    max = (arr[i] > max) ? arr[i] : max
-  }
-  return max
-};
+  return arr.reduce((max, curr) => curr > max ? curr : max, arr[0]);
+}
 
 var inlineTraceElements;
 let cpi_timediff_list;
@@ -595,35 +586,46 @@ async function createInlineTraceElements(MessageGuid, checked) {
         StepStart: run.StepStart,
         RunId: run.RunId,
         BranchId: run.BranchId,
-        Error: run.Error
+        Error: run.Error,
       });
     });
     // res is dataXHR request....
-    if (await getStorageValue('traceModifer', "isActive", null)) {
+    if (await getStorageValue("traceModifer", "isActive", null)) {
       if (Array.isArray(logRuns) && checked) {
         cpi_sorted_nodes = [];
-        cpi_nodes = logRuns.filter((e) => { return e.StepStart != null && e.StepStop != null ? true : false }).map(timenodediff)
-        cpi_sorted_nodes = cpi_nodes.toSorted((a, b) => a.CH_stats - b.CH_stats);
+        cpi_nodes = logRuns
+          .filter((e) => {
+            return e.StepStart != null && e.StepStop != null ? true : false;
+          })
+          .map(timenodediff);
+        cpi_sorted_nodes = cpi_nodes.toSorted(
+          (a, b) => a.CH_stats - b.CH_stats
+        );
         cpi_timediff_list = [];
         for (i in cpi_nodes) {
-          (cpi_timediff_list.includes(cpi_nodes[i].CH_stats)) ? "" : cpi_timediff_list.push(cpi_nodes[i].CH_stats)
+          cpi_timediff_list.includes(cpi_nodes[i].CH_stats)
+            ? ""
+            : cpi_timediff_list.push(cpi_nodes[i].CH_stats);
+        }
+        cpi_group_node = Object.groupBy(cpi_sorted_nodes, (e) => {
+          return e.ModelStepId;
+        });
+        cpi_max_node = [];
+        for (const key in cpi_group_node) {
+          cpi_max_node.push(maxNode(cpi_group_node[key]));
         }
-        cpi_group_node = Object.groupBy(cpi_sorted_nodes, (e) => { return e.ModelStepId })
-        cpi_max_node = []
-        for (const key in cpi_group_node) { cpi_max_node.push(maxNode(cpi_group_node[key])) }
       }
     }
     return resolve(logRuns.length);
   });
 }
 
-
 var onClicKElements = [];
 async function showInlineTrace(MessageGuid, checked = false) {
   return new Promise(async (resolve, reject) => {
     var observerInstalled = false;
     var logRuns = await createInlineTraceElements(MessageGuid, checked);
-    var Trace_bool = await getStorageValue('traceModifer', "isActive", null)
+    var Trace_bool = await getStorageValue("traceModifer", "isActive", null);
     if (logRuns == null || logRuns == 0) {
       return resolve(null);
     }
@@ -632,14 +634,14 @@ async function showInlineTrace(MessageGuid, checked = false) {
       try {
         let target;
         let element;
-        let flag = true
+        let flag = true;
         //    let target = element.children[getChild(element, ["g"])];
         //    target = target.children[getChild(target, ["rect", "circle", "path"])];
 
         if (/StartEvent/.test(run.ModelStepId)) {
           element = document.getElementById("BPMNShape_" + run.ModelStepId);
           target = element.children[0].children[0];
-          flag = false
+          flag = false;
         }
 
         if (/EndEvent/.test(run.StepId)) {
@@ -671,7 +673,7 @@ async function showInlineTrace(MessageGuid, checked = false) {
           element = document.getElementById("BPMNShape_" + run.ModelStepId);
           target = element.children[getChild(element, ["g"])].children[0];
         }
-
+        element.setAttribute("inline_cpi_child", run.ChildCount);
         target.classList.add("cpiHelper_inlineInfo");
         //     target.addEventListener("onclick", function abc(event) { clickTrace(event); });
         if (flag) {
@@ -695,7 +697,7 @@ async function showInlineTrace(MessageGuid, checked = false) {
           observer = new MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
               const el = mutation.target;
-              if (!mutation.target.classList.contains('cpiHelper_onclick')) {
+              if (!mutation.target.classList.contains("cpiHelper_onclick")) {
                 hideInlineTrace();
                 observer.disconnect();
               }
@@ -704,20 +706,18 @@ async function showInlineTrace(MessageGuid, checked = false) {
 
           observer.observe(document.getElementById(element.id), {
             attributes: true,
-            attributeFilter: ['class']
+            attributeFilter: ["class"],
           });
           observerInstalled = true;
         }
-
       } catch (e) {
         log.log("no element found for " + run.StepId);
         log.log(run, e);
       }
 
       return resolve(true);
-
-    })
-  })
+    });
+  });
 }
 
 function getChild(node, childNames, childClass = null) {
@@ -728,11 +728,9 @@ function getChild(node, childNames, childClass = null) {
         if (node.children[i].classList.contains(childClass)) {
           return i;
         }
-
       } else {
         return i;
       }
-
     }
   }
   return null;
@@ -746,12 +744,13 @@ function setLogLevel(logLevel, iflowId) {
     if (xhr.readyState == 4 && xhr.status == 200) {
       showToast("Trace is activated");
       log.log("Trace activated");
-    }
-    else {
+    } else {
       showToast("Error activating Trace", "", "error");
       log.log("Error activating trace");
     }
-  }, 'application/json;charset=UTF-8');
+  },
+    "application/json;charset=UTF-8"
+  );
 }
 
 //undeploy IFlow via API call
@@ -761,19 +760,19 @@ function undeploy(tenant = null, artifactId = null) {
   makeCall("POST", "/" + cpiData.urlExtension + "Operations/com.sap.it.nm.commands.deploy.DeleteContentCommand", true, 'artifactIds=' + artifactId + '&tenantId=' + tenant, (xhr) => {
     if (xhr.readyState == 4 && xhr.status == 200) {
       showToast("Undeploy triggered");
-    }
-    else {
+    } else {
       showToast("Error triggering undeploy", "", "error");
     }
-  }, "application/x-www-form-urlencoded; charset=UTF-8");
+  },
+    "application/x-www-form-urlencoded; charset=UTF-8"
+  );
 }
 cpiData.functions.undeploy = undeploy;
 
 // inject breadcrumbs for package if missing
 function addBreadcrumbs() {
-  const crumbs = $('nav[id*="breadcrumbs"]').find('ol:first-child').find('li');
+  const crumbs = $('nav[id*="breadcrumbs"]').find("ol:first-child").find("li");
   if (crumbs) {
-
     if (crumbs.length == 1) {
       const regex = /(.+\/contentpackage\/)(.+?)\/.*/;
       const url = document.location.href;
@@ -784,7 +783,9 @@ function addBreadcrumbs() {
         packageUrl = regexMatch[1] + regexMatch[2] + "?section=ARTIFACTS";
         packageName = regexMatch[2];
       }
-      const newLi = $(`<li class="sapMBreadcrumbsItem"><a href="${packageUrl}" tabindex="0" class="sapMLnk sapMLnkMaxWidth">${packageName}</a><span class="sapMBreadcrumbsSeparator">/</span></li>`);
+      const newLi = $(
+        `<li class="sapMBreadcrumbsItem"><a href="${packageUrl}" tabindex="0" class="sapMLnk sapMLnkMaxWidth">${packageName}</a><span class="sapMBreadcrumbsSeparator">/</span></li>`
+      );
       crumbs.prepend(newLi);
     }
   }
@@ -795,13 +796,15 @@ var powertrace = null;
 var recrutingTimerSet = false;
 async function buildButtonBar() {
   try {
-    var headerBar = document.getElementById('__xmlview0--iflowObjectPageHeader-identifierLine');
+    var headerBar = document.getElementById(
+      "__xmlview0--iflowObjectPageHeader-identifierLine"
+    );
     headerBar.style.paddingBottom = "0px";
   } catch (e) {
     log.debug("error when trying to set padding-bottom of headerbar");
   }
 
-  // get status of powertrace button 
+  // get status of powertrace button
   var powertraceText = await refreshPowerTrace();
   if (!document.getElementById("__buttonxx")) {
     whatsNewCheck();
@@ -825,12 +828,12 @@ async function buildButtonBar() {
 
     if (area) {
       area.style.textAlign = "right";
-      var breakLine = document.createElement('br');
+      var breakLine = document.createElement("br");
       document.querySelector("[id*='--searchStep-I']").accessKey = "s";
       area = document.querySelector("[id*='--iflowObjectPageHeader-actions']");
-      area.addEventListener('click', () => {
+      area.addEventListener("click", () => {
         document.querySelector("[id*='--searchStep-I']").accessKey = "s";
-      })
+      });
       area.appendChild(breakLine);
       area.appendChild(pluginbutton);
       area.appendChild(infobutton);
@@ -839,14 +842,13 @@ async function buildButtonBar() {
       area.appendChild(logsbutton);
     }
 
-
     tracebutton.addEventListener("click", async () => {
       const btn = document.getElementById("button134345-BDI-content");
       btn.classList.toggle("cpiHelper_powertrace");
       const objName = `${cpiData.integrationFlowId}_powertraceLastRefresh`;
       if (btn.classList.contains("cpiHelper_powertrace")) {
         setLogLevel("TRACE", cpiData.integrationFlowId);
-        statistic("set_log_level", "TRACE")
+        statistic("set_log_level", "TRACE");
         const objectToStore = {};
         objectToStore[objName] = new Date().getTime().toString();
         await storageSetPromise(objectToStore);
@@ -860,35 +862,32 @@ async function buildButtonBar() {
       }
     });
     messagebutton.addEventListener("click", (btn) => {
-
       if (sidebar.active) {
         sidebar.deactivate();
-      }
-      else {
+      } else {
         sidebar.init();
-        log.debug("headerbar message btn clicked.")
-        statistic("headerbar_btn_message_click")
+        log.debug("headerbar message btn clicked.");
+        statistic("headerbar_btn_message_click");
       }
     });
     infobutton.addEventListener("click", (btn) => {
-      statistic("headerbar_btn_info_click")
-
+      statistic("headerbar_btn_info_click");
       openIflowInfoPopup();
     });
     logsbutton.addEventListener("click", async (btn) => {
-      statistic("headerbar_btn_logs_click")
+      statistic("headerbar_btn_logs_click");
       // the logs popup opens and it shows the sidebar. the sidebar elements are updated
       showBigPopup(await createContentNodeForLogs(null, true), "Logs");
-      updateArtifactList()
-      updateLogList()
+      updateArtifactList();
+      updateLogList();
     });
 
     pluginbutton.addEventListener("click", async (btn) => {
-      statistic("headerbar_btn_plugins_click")
+      statistic("headerbar_btn_plugins_click");
       // the logs popup opens and it shows the sidebar. the sidebar elements are updated
       showBigPopup(await createContentNodeForPlugins(), "Plugins");
-
     });
+
     log.debug("Artifect from checks for sidebar", cpiData.currentArtifactType)
     if ((sidebar.active == null || sidebar.active == false) && cpiData.currentArtifactType) {
       chrome.storage.sync.get(["openMessageSidebarOnStartup"], function (result) {
@@ -937,28 +936,27 @@ async function getIflowInfo(callback, silent = false) {
     var resp = JSON.parse(response);
     cpiData.flowData = resp;
     cpiData.flowData.lastUpdate = new Date().toISOString();
-    cpiData.tenantId = cpiData?.flowData?.artifactInformation?.tenantId
+    cpiData.tenantId = cpiData?.flowData?.artifactInformation?.tenantId;
     cpiData.artifactId = cpiData?.flowData?.artifactInformation?.id;
     cpiData.version = cpiData?.flowData?.artifactInformation?.version;
     if (callback) {
       callback();
     }
     return;
-  }).catch((error) => {
-    if (!silent) {
-      showToast(JSON.stringify(error));
-    }
-  });
+  })
+    .catch((error) => {
+      if (!silent) {
+        showToast("Error: " + JSON.stringify(error));
+      }
+    });
 }
 
 //opens the popup that is triggered bei the info button
 async function openIflowInfoPopup() {
-
   async function getInfoContent() {
+    await getIflowInfo();
 
-    await getIflowInfo()
-
-    var x = document.createElement('div');
+    var x = document.createElement("div");
     x.classList.add("cpiHelper_infoPopUp_content");
     x.innerHTML = "";
 
@@ -975,7 +973,7 @@ async function openIflowInfoPopup() {
         <i class="info icon"></i>
         iFlow Info
       </h4>
-      `
+      `;
     x.appendChild(createElementFromHTML(textElement));
     textElement = `<div class="cpiHelper_infoPopUp_items">
       <div>Name: ${cpiData?.flowData?.artifactInformation?.name}</div>
@@ -990,20 +988,23 @@ async function openIflowInfoPopup() {
 
     x.appendChild(createElementFromHTML(textElement));
 
-    if (cpiData?.flowData?.endpointInformation && cpiData?.flowData?.endpointInformation.length > 0) {
-      cpiData.flowData.endpointInformation.forEach(element => {
+    if (
+      cpiData?.flowData?.endpointInformation &&
+      cpiData?.flowData?.endpointInformation.length > 0
+    ) {
+      cpiData.flowData.endpointInformation.forEach((element) => {
         if (element.endpointInstances && element.endpointInstances.length > 0) {
-          var e = document.createElement('div');
+          var e = document.createElement("div");
           e.classList.add("cpiHelper_infoPopUp_items");
           e.innerHTML = `<div>Endpoints:</div>`;
           x.appendChild(e);
           for (var i = 0; i < element.endpointInstances.length; i++) {
-            let f = document.createElement('div');
+            let f = document.createElement("div");
             f.className = "contentText";
             f.innerText = `${element.endpointInstances[i]?.endpointCategory}: ${element.endpointInstances[i]?.endpointUrl}`;
             var quickCopyToClipboardButton = createElementFromHTML("<button class='cpiHelper_inlineInfo-button' ><span data-sap-ui-icon-content='' data-text='" + `${element.endpointInstances[i]?.endpointUrl}` + "' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>");
             quickCopyToClipboardButton.onclick = (event) => {
-              copyText(event.srcElement.getAttribute('data-text'));
+              copyText(event.srcElement.getAttribute("data-text"));
             };
             f.appendChild(quickCopyToClipboardButton);
             e.appendChild(f);
@@ -1034,11 +1035,13 @@ async function openIflowInfoPopup() {
       variableList = variableList.filter(element => !element.qualifier || element.qualifier == cpiData?.flowData?.artifactInformation?.symbolicName);
 
       //check if array is now empty
-      if (variableList == null || variableList.length == 0) { return document.createElement("div"); }
+      if (variableList == null || variableList.length == 0) {
+        return document.createElement("div");
+      }
 
       //if not, build table
       var result = document.createElement("table");
-      result.classList.add("cpiHelper_infoPopUp_Table")
+      result.classList.add("cpiHelper_infoPopUp_Table");
 
       tr0 = document.createElement("tr");
       tr0th1 = document.createElement("th");
@@ -1053,7 +1056,7 @@ async function openIflowInfoPopup() {
       result.appendChild(tr0);
 
       var even = "";
-      variableList.forEach(item => {
+      variableList.forEach((item) => {
         let tr = document.createElement("tr");
         tr.id = item.id + item.storeName;
         tr.className = even;
@@ -1061,28 +1064,34 @@ async function openIflowInfoPopup() {
         let tdfunctions = document.createElement("td");
         tdfunctions.style.whiteSpace = "nowrap";
 
-        let showButton = createElementFromHTML("<button><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>");
+        let showButton = createElementFromHTML(
+          "<button><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>"
+        );
 
         tdfunctions.appendChild(showButton);
 
-        let downloadButton = createElementFromHTML("<button><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>");
+        let downloadButton = createElementFromHTML(
+          "<button><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>"
+        );
         tdfunctions.appendChild(downloadButton);
 
-        let deleteButton = createElementFromHTML("<button><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>");
+        let deleteButton = createElementFromHTML(
+          "<button><span data-sap-ui-icon-content='' class='sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem;'></span></button>"
+        );
         tdfunctions.appendChild(deleteButton);
 
         tr.appendChild(tdfunctions);
 
         let td1 = document.createElement("td");
-        td1.innerText = (item.qualifier == null ? "global" : "local");
-        tr.appendChild((td1));
+        td1.innerText = item.qualifier == null ? "global" : "local";
+        tr.appendChild(td1);
 
         let td2 = document.createElement("td");
         td2.innerText = item.id;
-        tr.appendChild((td2));
+        tr.appendChild(td2);
 
         downloadButton.onclick = async (element) => {
-          let payload = { "storeName": item.storeName, "id": item.id };
+          let payload = { storeName: item.storeName, id: item.id };
           if (item.qualifier) {
             payload.qualifier = item.qualifier;
           }
@@ -1091,16 +1100,14 @@ async function openIflowInfoPopup() {
           value = value.substring(9, value.length - 10)
 
           window.open("data:application/zip;base64," + value);
-        }
+        };
 
         showButton.onclick = async (element) => {
           text = document.getElementById(item.id + item.storeName + "_value");
 
           if (text.classList.contains("cpiHelper_infoPopUp_TR_hide")) {
-
             try {
-
-              let payload = { "storeName": item.storeName, "id": item.id };
+              let payload = { storeName: item.storeName, id: item.id };
               if (item.qualifier) {
                 payload.qualifier = item.qualifier;
               }
@@ -1130,14 +1137,14 @@ async function openIflowInfoPopup() {
                 var new_zip = new JSZip();
                 await new_zip.loadAsync(base64ToBuffer(base));
 
-                value = await new_zip.files[Object.keys(new_zip.files)[0]].async("string");
-
+                value = await new_zip.files[
+                  Object.keys(new_zip.files)[0]
+                ].async("string");
               } else {
                 //when no aggressive mode, data has still to be transformed from base64
                 value = atob(value.substring(7, value.length - 8));
               }
 
-
               let valueTd = document.createElement("td");
               valueTd.colSpan = 4;
 
@@ -1154,16 +1161,16 @@ async function openIflowInfoPopup() {
             }
           } else {
             text.classList.add("cpiHelper_infoPopUp_TR_hide");
-            text.innerHTML = '<td colspan=4>Please wait...</td>';
+            text.innerHTML = "<td colspan=4>Please wait...</td>";
           }
-        }
+        };
 
         deleteButton.onclick = async (element) => {
           var doDelete = getConfirmation(`Do you really want to delete variable \"${item.id}\"? You can not undo this.`);
           if (doDelete) {
             //delete Variable
             try {
-              let payload = { "storeName": item.storeName, "ids": [item.id] };
+              let payload = { storeName: item.storeName, ids: [item.id] };
               if (item.qualifier) {
                 payload.qualifier = item.qualifier;
               }
@@ -1171,22 +1178,21 @@ async function openIflowInfoPopup() {
               showToast("Variable deleted.");
               let cpiHelper_infoPopUp_Variables = document.getElementById("cpiHelper_infoPopUp_Variables")
 
-              cpiHelper_infoPopUp_Variables.appendChild(await createTableForVariables());
+              cpiHelper_infoPopUp_Variables.appendChild(
+                await createTableForVariables()
+              );
               cpiHelper_infoPopUp_Variables.children[0].remove();
-
             } catch (err) {
               showToast("Do you have sufficient rights?", "Can not delete variable", "error");
             }
-
           }
-
-        }
+        };
 
         let trShowButton = document.createElement("tr");
         trShowButton.className = even;
-        trShowButton.classList.add("cpiHelper_infoPopUp_TR_hide")
+        trShowButton.classList.add("cpiHelper_infoPopUp_TR_hide");
         trShowButton.id = item.id + item.storeName + "_value";
-        trShowButton.innerHTML = '<td colspan=4>Please wait...</td>';
+        trShowButton.innerHTML = "<td colspan=4>Please wait...</td>";
 
         result.appendChild(tr);
         result.appendChild(trShowButton);
@@ -1194,9 +1200,7 @@ async function openIflowInfoPopup() {
         even = even == "even" ? "" : "even";
       });
 
-
       return result;
-
     }
 
     var variablesDiv = document.createElement("div");
@@ -1213,12 +1217,11 @@ async function openIflowInfoPopup() {
     // POST https://p0349-tmn.hci.eu1.hana.ondemand.com/itspaces/Operations/com.sap.esb.monitoring.datastore.access.command.DeleteDataStoreEntryCommand
     // {"storeName":"sap_global_store","ids":["dateglobal"]}
 
-
     //undeploy button
     if (deployedOn) {
-      var undeploybutton = document.createElement('button');
-      undeploybutton.classList.add("ui")
-      undeploybutton.classList.add("button")
+      var undeploybutton = document.createElement("button");
+      undeploybutton.classList.add("ui");
+      undeploybutton.classList.add("button");
 
       undeploybutton.innerText = "Undeploy this IFlow";
       undeploybutton.id = "undeploybutton";
@@ -1232,7 +1235,7 @@ async function openIflowInfoPopup() {
   <i class="envelope icon"></i>
   News
 </h4>
-`
+`;
     x.appendChild(createElementFromHTML(textElement2));
     //more information about cpi helper
     textElement2 = `<div class="cpiHelper_infoPopUp_items">
@@ -1251,47 +1254,50 @@ async function openIflowInfoPopup() {
 
     x.appendChild(createElementFromHTML(textElement2));
 
-    var whatsNewButton = document.createElement('button');
-    whatsNewButton.classList.add("ui")
-    whatsNewButton.classList.add("button")
+    var whatsNewButton = document.createElement("button");
+    whatsNewButton.classList.add("ui");
+    whatsNewButton.classList.add("button");
 
     whatsNewButton.innerText = "Whats New?";
     whatsNewButton.addEventListener("click", (a) => {
-      whatsNewCheck(false)
-      $('#cpiHelper_semanticui_modal').modal('show');
-      statistic("info_popup_whatsnew_click")
+      whatsNewCheck(false);
+      $("#cpiHelper_semanticui_modal").modal({ autoShow: true, detachable: false, blurring: true }).modal("show");
+      statistic("info_popup_whatsnew_click");
     });
     x.appendChild(whatsNewButton);
 
     //add a new "become part of the team" button
-    var recrutingButton = document.createElement('button');
-    recrutingButton.classList.add("ui")
-    recrutingButton.classList.add("button")
+    var recrutingButton = document.createElement("button");
+    recrutingButton.classList.add("ui");
+    recrutingButton.classList.add("button");
 
     var lang = navigator.language || navigator.userLanguage;
 
     if (lang == "de-DE") {
       recrutingButton.innerText = "Werde Berater bei Kangoolutions";
       recrutingButton.addEventListener("click", (a) => {
-        recrutingPopup(true)
-        $('#cpiHelper_semanticui_modal').modal('show');
-        statistic("info_popup_recruting_click")
+        recrutingPopup(true);
+        $("#cpiHelper_semanticui_modal").modal({ autoShow: true, detachable: false, blurring: true }).modal("show");
+        statistic("info_popup_recruting_click");
       });
       x.appendChild(recrutingButton);
     }
-    return x
+    return x;
   }
 
   showBigPopup(getInfoContent, "General Information", { fullscreen: false });
 }
 
 function copyText(input) {
-  navigator.clipboard.writeText(input).then(function () {
-    showToast("Copied to clipboard")
-    log.log('Async: Copying to clipboard was successful!');
-  }, function (err) {
-    log.error('Async: Could not copy text: ', err);
-  })
+  navigator.clipboard.writeText(input).then(
+    function () {
+      showToast("Copied to clipboard");
+      log.log("Async: Copying to clipboard was successful!");
+    },
+    function (err) {
+      log.error("Async: Could not copy text: ", err);
+    }
+  );
 }
 
 function getConfirmation(message) {
@@ -1305,7 +1311,6 @@ function getConfirmation(message) {
 
 //the sidebar that shows messages
 var sidebar = {
-
   //indicator if active or not
   active: null,
   //function to deactivate the sidebar
@@ -1317,19 +1322,18 @@ var sidebar = {
 
   //function to create and initialise the message sidebar
   init: function () {
-
     if (this.active == true) {
       return;
     }
 
     this.active = true;
-    var elem = document.createElement('div');
+    var elem = document.createElement("div");
     elem.innerHTML = `
     <div id="cpiHelper_contentheader" style="color:var(--cpi-text-color)" content="${hostData.count}" >
       <span id='sidebar_modal_minimize' class='cpiHelper_closeButton_sidebar'>CPI Helper</span>
       <span id='sidebar_modal_close' data-sap-ui-icon-content="&#xe03e" class='cpiHelper_closeButton_sidebar sapUiIcon sapUiIconMirrorInRTL' style='font-size: 1.2rem;padding-inline-start: 1rem;font-family: SAP-icons'></span>
     </div>
-    <div id="outerFrame" style="color:black;">
+    <div id="outerFrame" >
       <div>
         <div id="updatedText" class="contentText"></div>
         <div id="deploymentText" class="contentText">State: </div>
@@ -1344,10 +1348,18 @@ var sidebar = {
     `;
     elem.id = "cpiHelper_content";
     elem.classList.add("cpiHelper");
+    elem.setAttribute("hidden", true);
     elem.style = "width:max-content;min-width: 14rem";
-    document.body.appendChild(elem);
+    body().appendChild(elem);
     elem.style = "width:max-content;min-width: 14rem";
-
+    // set inital parameters.
+    chrome.storage.sync.get(["set_ch_popup_mouse"], function (result) {
+      popuparea = document.querySelector('#cpiHelper_content')
+      if (result["set_ch_popup_mouse"]) {
+        popuparea.style.left = result["set_ch_popup_mouse"].left
+        popuparea.style.top = result["set_ch_popup_mouse"].top
+      }
+    });
     //plugin area setup popup+join mode
     chrome.storage.sync.get(["openSidebarOnStartup"], function (result) {
       pluginarea = document.querySelector('#cpiHelper_messageSidebar_pluginArea')
@@ -1360,7 +1372,7 @@ var sidebar = {
           twoClasssToggleSwitch(document.querySelector('#sidebar_Plugin'), 'plus', 'minus');
         })
       }
-    })
+    });
     //add minimize button on CPI helper title & color match with tenant color
     var span = document.getElementById("sidebar_modal_minimize");
     var content_header = document.getElementById("cpiHelper_contentheader");
@@ -1390,22 +1402,22 @@ var sidebar = {
 
     //lastMessageHashList must be empty when message sidebar is created
     cpiData.messageSidebar.lastMessageHashList = [];
-
+    setTimeout(() => document.getElementById("cpiHelper_content").removeAttribute("hidden"), 200)
     //refresh messages
     messageSidebarPluginContent(true);
     refreshActive = true;
-    renderMessageSidebar().then(() => {refreshActive = false;}).catch(() => {refreshActive = false;});
-  
+    renderMessageSidebar().then(() => { refreshActive = false; }).catch(() => { refreshActive = false; });
+
   }
 };
 
 function injectCss(cssStyle, id, className) {
-  var style = document.createElement('style');
-  style.type = 'text/css';
+  var style = document.createElement("style");
+  style.type = "text/css";
   style.appendChild(document.createTextNode(cssStyle));
   id && (style.id = id);
   className && style.classList.add(className);
-  document.getElementsByTagName('head')[0].appendChild(style);
+  document.getElementsByTagName("head")[0].appendChild(style);
 }
 
 function removeElementsWithId(name) {
@@ -1415,8 +1427,8 @@ function removeElementsWithId(name) {
 
 function removeElementsWithClass(classToDelete) {
   let elements = document.getElementsByClassName(classToDelete);
-  for (let i = (elements.length - 1); i >= 0; i--) {
-    elements[i].remove(element)
+  for (let i = elements.length - 1; i >= 0; i--) {
+    elements[i].remove(element);
   }
   return true;
 }
@@ -1466,8 +1478,8 @@ async function errorPopupOpen(MessageGuid) {
   }
 }
 async function popupTable(message) {
-  let data = await errorPopupOpen(message)
-  log.debug(data)
+  let data = await errorPopupOpen(message);
+  log.debug(data);
   let popupHTML = `<table class="ui celled very compact table">
   <tbody>
     <tr class="center aligned">
@@ -1487,7 +1499,7 @@ async function popupTable(message) {
     popupHTML += `<tr><td colspan="2" style="height: 10vh; padding: 0;">
       <div class="ui fluid scrolling segment" style="text-wrap: pretty;width: unset;word-break: break-word;">`;
     if (data.property.length > 0) {
-      popupHTML += data.property.join('<br>');
+      popupHTML += data.property.join("<br>");
     }
     if (data.errors.length > 0) {
       popupHTML += `<h5 class="ui horizontal red divider header">Errors</h5>`;
@@ -1495,32 +1507,37 @@ async function popupTable(message) {
     }
     popupHTML += `</div></td></tr>`;
   }
-  popupHTML += `</tbody></table>`
-  return popupHTML
+  popupHTML += `</tbody></table>`;
+  return popupHTML;
 }
 function apireserror(message) {
-  $('.ui.toast').toast('close');
+  $(".ui.toast").toast("close");
   $.toast({
     message: "Please wait while we prepare...",
-    position: 'bottom right',
+    position: "bottom right",
+    showProgress: "bottom",
+    class: ($("html").hasClass("sapUiTheme-sap_horizon_dark") ? " ch_dark " : ""),
     onVisible: async () =>
-      popupTable(message).then((message) => {
-        $('.ui.toast').toast('close');
-        $.toast({
-          closeIcon: true,
-          showProgress: 'top',
-          classProgress: 'blue',
-          progressUp: true,
-          position: 'bottom right',
-          displayTime: 5000,
-          onRemove: () => {
-            document.querySelectorAll('.cpiHelper_sidebar_iconbutton').forEach((i) => i.classList.remove('cpiHelper_sidebar_iconbutton'));
-          },
-          message: message
+      popupTable(message)
+        .then((message) => {
+          $(".ui.toast").toast("close");
+          $.toast({
+            closeIcon: true,
+            showProgress: "top",
+            classProgress: "blue",
+            progressUp: true,
+            position: "bottom right",
+            class: ($("html").hasClass("sapUiTheme-sap_horizon_dark") ? " ch_dark " : ""),
+            displayTime: 5000,
+            onRemove: () => {
+              document.querySelectorAll('.cpiHelper_sidebar_iconbutton').forEach((i) => i.classList.remove('cpiHelper_sidebar_iconbutton'));
+            },
+            message: message,
+          });
         })
-      }).catch((error) => {
-        log.error('Error loading data:', error);
-      })
+        .catch((error) => {
+          log.error("Error loading data:", error);
+        }),
   });
 }
 
@@ -1561,10 +1578,10 @@ async function getMessageProcessingLogRuns(MessageGuid, store = true) {
 }
 
 //function to get the current artifact name from the URL
-function newArtifactDetected() {
+function collectDataOfCurrentArtifact() {
   var url = window.location.href;
   var result;
-  var artifactType
+  var artifactType;
 
   //try {
   let groups = "";
@@ -1579,7 +1596,7 @@ function newArtifactDetected() {
 
   if (result != undefined) {
     log.log("Highlighted Artifact: " + artifactType + ": " + result);
-    cpiData.integrationFlowId = result;  //set integration flow id for legacy reasons
+    cpiData.integrationFlowId = result; //set integration flow id for legacy reasons
     cpiData.currentArtifactId = result;
     cpiData.currentArtifactType = artifactType;
 
@@ -1636,8 +1653,7 @@ function getPackageId() {
     log.log("Found Package: " + result);
     cpiData.currentPackageId = result;
     cpiData.lastVisitedPackageId = result;
-  }
-  else {
+  } else {
     cpiData.currentPackageId = null;
     log.log("no package found");
   }
@@ -1670,28 +1686,24 @@ async function handleUrlChange() {
   getPackageId();
   getIflowId();
 
-  if (newArtifactDetected()) {
-    //init 
-    var xsltCount = 0
-    var scriptCount = 0
-    var scriptCollectionCount = 0
-    setDocumentTitle(hostData.title)
-    Allowedlist = ["IFlow"]
-    //deactivate sidebar if not on iflow page to root
-    if (sidebar.active && !(Allowedlist.includes(cpiData.currentArtifactType))) {
-      sidebar.deactivate();
-    }
+  collectDataOfCurrentArtifact()
+
+
+    //init
+    var xsltCount = 0;
+    var scriptCount = 0;
+    var scriptCollectionCount = 0;
+    setDocumentTitle(hostData.title);
+
     if (cpiData.currentArtifactType == "IFlow") {
-      //if iflow found, inject buttons   
-      setDocumentTitle(hostData.title)
+
 
       //check type of tenant
       if (!document.location.host.match(cpiTypeRegexp)) {
-        cpiData.classicUrl = true
-        cpiData.urlExtension = "itspaces/"
+        cpiData.classicUrl = true;
+        cpiData.urlExtension = "itspaces/";
       }
-    }
-    else if (cpiData.currentArtifactType == "Script") {
+    } else if (cpiData.currentArtifactType == "Script") {
       //iterate plugins and create buttons
       var buttonsForPlugins = await createPluginButtons("scriptButton");
       if (buttonsForPlugins.length > 0) {
@@ -1704,7 +1716,7 @@ async function handleUrlChange() {
           if (pluginArea && scriptCount > 10 || cpiData.currentArtifactType != "Script") {
             clearInterval(interval);
             scriptCount = 0;
-            return
+            return;
           }
           buttons = document.getElementsByClassName("cpiHelper_pluginButton_scriptButton");
           if (pluginArea && buttons.length == 0) {
@@ -1727,7 +1739,7 @@ async function handleUrlChange() {
           if (pluginArea && scriptCollectionCount > 10 || cpiData.currentArtifactType != "Script Collection") {
             clearInterval(interval);
             scriptCollectionCount = 0;
-            return
+            return;
           }
           buttons = document.getElementsByClassName("cpiHelper_pluginButton_scriptCollectionButton");
           if (pluginArea && buttons.length == 0) {
@@ -1740,8 +1752,7 @@ async function handleUrlChange() {
           }
         }, 1000);
       }
-    }
-    else if (cpiData.currentArtifactType == "XSLT") {
+    } else if (cpiData.currentArtifactType == "XSLT") {
       var buttonsForPlugins = await createPluginButtons("xsltButton");
       if (buttonsForPlugins.length > 0) {
         //wait until id is available and then append buttons. Try again and wait if not available
@@ -1751,7 +1762,7 @@ async function handleUrlChange() {
           if (pluginArea && xsltCount > 10 || cpiData.currentArtifactType != "XSLT") {
             clearInterval(interval);
             scriptCollectionCount = 0;
-            return
+            return;
           }
 
           buttons = document.getElementsByClassName("cpiHelper_pluginButton_xsltButton");
@@ -1763,7 +1774,6 @@ async function handleUrlChange() {
           } else {
             xsltCount++;
           }
-
         }, 1000);
       }
     } else if (cpiData.currentArtifactType == "M_Mapping") {
@@ -1776,7 +1786,7 @@ async function handleUrlChange() {
           if (pluginArea && xsltCount > 10 || cpiData.currentArtifactType != "M_Mapping") {
             clearInterval(interval);
             scriptCollectionCount = 0;
-            return
+            return;
           }
 
           buttons = document.getElementsByClassName("cpiHelper_pluginButton_messageMappingButton");
@@ -1788,27 +1798,12 @@ async function handleUrlChange() {
           } else {
             xsltCount++;
           }
-
         }, 1000);
       }
-    }
-    else {
-      //deactivate sidebar if not on iflow page to root
-      if (sidebar.active) {
-        sidebar.deactivate();
-      }
-    }
-   // (xsltCount + scriptCount + scriptCollectionCount !== 0) && sidebar.init();
-  } else {
-    setDocumentTitle(hostData.title)
-    //deactivate sidebar if not on iflow page to root
-    if (sidebar.active) {
-      sidebar.deactivate();
-    }
-  }
+    } 
 }
 
-//function that handles the dragging 
+//function that handles the dragging
 function dragElement(elmnt) {
   var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
   if (document.getElementById(elmnt.id + "header")) {
@@ -1830,6 +1825,7 @@ function dragElement(elmnt) {
     document.onmousemove = elementDrag;
   }
 
+  let debounceTimeout;
   function elementDrag(e) {
     e = e || window.event;
     e.preventDefault();
@@ -1838,15 +1834,19 @@ function dragElement(elmnt) {
     pos2 = pos4 - e.clientY;
     pos3 = e.clientX;
     pos4 = e.clientY;
-    // set the element's new position:
-    // set the element's new position:
-    newtop = (elmnt.offsetTop - pos2);
-    newleft = (elmnt.offsetLeft - pos1);
+    // calculate the new top and left positions
+    newtop = elmnt.offsetTop - pos2;
+    newleft = elmnt.offsetLeft - pos1;
     maxheight = window.innerHeight - document.getElementById("cpiHelper_contentheader").offsetHeight;
     maxwidth = window.innerWidth - document.getElementById("cpiHelper_contentheader").offsetWidth;
     // bounding position based on max top and width. making position relative in case of resize.
-    elmnt.style.top = (((newtop < 0 || newtop >= maxheight) ? (((newtop < 0) ? 0 : ((newtop >= maxheight) ? maxheight : newtop))) : newtop) * 100 / window.innerHeight + "%");
-    elmnt.style.left = (((newleft < 0 || newleft >= maxwidth) ? (((newleft < 0) ? 0 : ((newleft >= maxwidth) ? maxwidth : newleft))) : newleft) * 100 / window.innerWidth + "%");
+    let mouse_top = elmnt.style.top = (((newtop < 0 || newtop >= maxheight) ? (((newtop < 0) ? 0 : ((newtop >= maxheight) ? maxheight : newtop))) : newtop) * 100 / window.innerHeight) + "%";
+    let mouse_left = elmnt.style.left = (((newleft < 0 || newleft >= maxwidth) ? (((newleft < 0) ? 0 : ((newleft >= maxwidth) ? maxwidth : newleft))) : newleft) * 100 / window.innerWidth) + "%";
+    clearTimeout(debounceTimeout);
+    debounceTimeout = setTimeout(() => {
+      syncChromeStoragePromise("set_ch_popup_mouse", { top: mouse_top, left: mouse_left })
+      log.log("popup location is stored!!")
+    }, 3000);
   }
 
   function closeDragElement() {
@@ -1860,7 +1860,7 @@ function dragElement(elmnt) {
 async function storeVisitedIflowsForPopup() {
   var url = window.location.href;
   var tenant = url.split("/")[2].split(".")[0];
-  var name = 'visitedIflows_' + tenant;
+  var name = "visitedIflows_" + tenant;
 
   for (const dataRegexp of cpiArtifactURIRegexp) {
     if (dataRegexp[0].test(url) === true) {
@@ -1881,9 +1881,9 @@ async function storeVisitedIflowsForPopup() {
             });
           }
 
-          let urlext = ""
+          let urlext = "";
           if (dataRegexp[1] == "Package") {
-            urlext = "?section=ARTIFACTS"
+            urlext = "?section=ARTIFACTS";
           }
 
           //put the current flow to the last element. last position indicates last visited element
@@ -1897,8 +1897,7 @@ async function storeVisitedIflowsForPopup() {
           var obj = {};
           obj[name] = visitedIflows;
 
-          chrome.storage.sync.set(obj, function () {
-          });
+          chrome.storage.sync.set(obj, function () { });
         });
       }
     }
@@ -1908,22 +1907,22 @@ async function storeVisitedIflowsForPopup() {
 async function refreshPowerTrace() {
   //get last run from store and check if it is less than 11 minutes ago, then reapply trace button status
 
-  var powertraceText = ""
+  var powertraceText = "";
 
-  var objName = `${cpiData.integrationFlowId}_powertraceLastRefresh`
-  var timeAsStringOrNull = await storageGetPromise(objName)
+  var objName = `${cpiData.integrationFlowId}_powertraceLastRefresh`;
+  var timeAsStringOrNull = await storageGetPromise(objName);
 
   if (timeAsStringOrNull != null && timeAsStringOrNull != undefined) {
-    var now = new Date().getTime()
-    var time = now - parseInt(timeAsStringOrNull)
+    var now = new Date().getTime();
+    var time = now - parseInt(timeAsStringOrNull);
     if (time != NaN && time < 1000 * 60 * 11) {
-      log.debug("update powertrace button status")
-      powertraceText = "cpiHelper_powertrace"
+      log.debug("update powertrace button status");
+      powertraceText = "cpiHelper_powertrace";
 
       // if button list already exists (e.g. after url change), reapply class to button
-      var btn = document.getElementById("button134345-BDI-content")
+      var btn = document.getElementById("button134345-BDI-content");
       if (btn != undefined && !btn.classList.contains("cpiHelper_powertrace")) {
-        btn.classList.toggle("cpiHelper_powertrace")
+        btn.classList.toggle("cpiHelper_powertrace");
       }
     }
   }
@@ -1934,15 +1933,23 @@ async function refreshPowerTrace() {
 checkURLchange();
 onInitStatistic();
 
-var nextMessageSidebarRefreshCount = 0
+var nextMessageSidebarRefreshCount = 0;
 var lastTabHidden = 0; //counts how long tab is hidden
 var lastDurationRefresh = 0; //time for a refresh of the sidebar mostly because of network in ms
-var refreshActive = false
-
+var refreshActive = false;
 
 //CPI Helper Heartbeat
 setInterval(async function () {
-  if (document.querySelector('[id^="svgBackgroundPointerPanelLayer-"]') && document.getElementsByClassName("spcHeaderActionButton")) {
+  await checkURLchange(window.location.href);
+
+  //check if sidebar should be deactivated because we are not on a suitable page
+
+  if(cpiData.currentArtifactType != "IFlow" && sidebar.active) {
+    sidebar.deactivate();
+  }
+
+  //add button bar and breadcrumbs if page rendered 
+  if (cpiData.currentArtifactType == "IFlow" && document.querySelector('[id^="svgBackgroundPointerPanelLayer-"]') && document.getElementsByClassName("spcHeaderActionButton")) {
     buildButtonBar();
     addBreadcrumbs();
   }
@@ -1952,20 +1959,21 @@ setInterval(async function () {
   }
   log.debug("check for button bar");
   try {
-    navigationButton()
+    navigationButton();
   } catch (error) {
-    log.error(error)
+    log.error(error);
   }
-  await checkURLchange(window.location.href);
+
 
   //new update message sidebar
   if (!refreshActive) {
     nextMessageSidebarRefreshCount--;
   }
   if (refreshActive) {
-    log.log("refresh active. Will not refresh message sidebar")
+    log.log("refresh active. Will not refresh message sidebar");
   }
 
+  //check if message sidebar should be refreshed
   if (!refreshActive && sidebar.active && ((nextMessageSidebarRefreshCount) <= 0 || lastTabHidden > 0 && document.hidden == false)) {
 
     log.debug("refresh message sidebar");
@@ -1989,17 +1997,17 @@ setInterval(async function () {
 
   //check if trace should be refreshed again
   //check if value in storage exists and time is longer than 9 (overlap) and less than 20 minutes (upper limit in order to not auto-reactivate the trace after a longer break)
-  var objName = `${cpiData.integrationFlowId}_powertraceLastRefresh`
-  var timeAsStringOrNull = await storageGetPromise(objName)
+  var objName = `${cpiData.integrationFlowId}_powertraceLastRefresh`;
+  var timeAsStringOrNull = await storageGetPromise(objName);
   if (timeAsStringOrNull != null && timeAsStringOrNull != undefined) {
-    var now = new Date().getTime()
-    var time = now - parseInt(timeAsStringOrNull)
+    var now = new Date().getTime();
+    var time = now - parseInt(timeAsStringOrNull);
     if (time != NaN && time > 1000 * 60 * 9 && time < 1000 * 60 * 20) {
-      log.log("set trace via API call")
-      setLogLevel("TRACE", cpiData.integrationFlowId)
-      var objectToStore = {}
-      objectToStore[objName] = new Date().getTime().toString()
-      await storageSetPromise(objectToStore)
+      log.log("set trace via API call");
+      setLogLevel("TRACE", cpiData.integrationFlowId);
+      var objectToStore = {};
+      objectToStore[objName] = new Date().getTime().toString();
+      await storageSetPromise(objectToStore);
     }
   }
 
@@ -2015,5 +2023,4 @@ setInterval(async function () {
 
   //run heartbeat function of plugins
   runPluginHeartbeat();
-
 }, 3000);
diff --git a/scripts/identify-tenant.js b/scripts/identify-tenant.js
index 426da2d..da3fc2b 100644
--- a/scripts/identify-tenant.js
+++ b/scripts/identify-tenant.js
@@ -40,6 +40,9 @@
           // Update the page
           setData(hostData);
         }
+        if (key === 'darkmodeOnStartup') {
+          $("#cpihelperglobal").removeClass("ch_dark ch_light").addClass(!changes[key].newValue ? "ch_dark" : "ch_light");
+        }
       }
     });
   }
@@ -177,9 +180,6 @@
     const root = document.querySelector(':root');
     let theme = ($('html').hasClass('sapUiTheme-sap_horizon'))
     root.style.setProperty('--cpi-custom-color', adjustColorLimiter(color, !theme ? 80 : 20, 25, !theme));
-    chrome.storage.sync.get("CPIhelperThemeInfo", (theme) => {
-      root.style.setProperty('--cpi-text-color', !theme['CPIhelperThemeInfo'] ? '#ffffff' : '#000000');
-    });
     // Set the theme color meta tag
     let themeColorElement = document.querySelector("meta[name='theme-color']");
     if (themeColorElement) {
diff --git a/scripts/init.js b/scripts/init.js
new file mode 100644
index 0000000..08df5d5
--- /dev/null
+++ b/scripts/init.js
@@ -0,0 +1,83 @@
+
+
+/*async function Themesync() {
+  const { darkmodeonstartup } = await chrome.storage.sync.get('darkmodeonstartup');
+  const isDarkTheme = $('html').hasClass('sapUiTheme-sap_horizon');
+  $("#cpihelperglobal").removeClass("ch_dark ch_light").addClass(darkmodeonstartup ? "ch_dark" : "ch_light");
+  await chrome.storage.sync.set({ "CPIhelperThemeInfo": isDarkTheme });
+}
+*/
+function createGlobalId(id = "cpihelperglobal") {
+  let global = $(`#${id}`);
+  const toggleDarkMode = () => {
+    $("#cpihelperglobal").attr("class", $("html").hasClass("sapUiTheme-sap_horizon_dark") ? "ch_dark" : "ch_light");
+    chrome.storage.sync.get("CPIhelperThemeInfo", (theme) => {
+      chrome.storage.sync.get("darkmodeOnStartup", (local) => {
+        if(local['darkmodeOnStartup'] === undefined){
+          local['darkmodeOnStartup'] = false
+        }
+        let isDarkmode = false
+        if (theme.CPIhelperThemeInfo === undefined) {
+          theme.CPIhelperThemeInfo = false
+        }
+          isDarkmode = (local['darkmodeOnStartup'])
+        
+        $("#cpihelperglobal").attr('class', (isDarkmode ? "ch_dark" : "ch_light"))
+      });
+
+    });
+  }
+  if (global.length === 0) {
+    console.log("Global element not found. Inserting element...");
+    if (id === "cpihelperglobal") {
+      $("body").append(`
+      <div class=${$("html").hasClass("sapUiTheme-sap_horizon_dark") ? "ch_dark" : "ch_light"} id="${id}">
+        <div class="cpiHelper ui modal" id="cpiHelper_semanticui_modal"></div>
+        <div class="cpiHelper ui modal" id="cpiHelper_waiting_model"></div>
+      </div>`);
+    } else {
+      $("#cpihelperglobal").append(`<div id="${id}"></div>`);
+    }
+ //   toggleDarkMode();
+  /*  const observer = new MutationObserver(async function (mutationsList) {
+      for (const mutation of mutationsList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
+          toggleDarkMode();
+          await Themesync()
+        }
+      }
+    });
+    observer.observe(document.documentElement, { attributes: true });
+    */
+  }
+  return $(`#${id}`);
+}
+
+
+function runGlobalIdForOneMinute() {
+  const interval = 800;
+  const duration = 60 * 1000;
+
+  let intervalId = setInterval(() => {
+    createGlobalId();
+  }, interval);
+
+  setTimeout(() => {
+    clearInterval(intervalId);
+    console.log("Interval cleared after 1 minute");
+  }, duration);
+}
+
+// Start the function
+runGlobalIdForOneMinute();
+
+
+
+const body = (id = "cpihelperglobal") => {
+  let element = document.querySelector(`#${id}`);
+  if (!element) {
+    createGlobalId();
+    element = document.querySelector(`#${id}`);
+  }
+  return element;
+};
\ No newline at end of file
diff --git a/scripts/logs.js b/scripts/logs.js
index a7edadc..9a1ec85 100644
--- a/scripts/logs.js
+++ b/scripts/logs.js
@@ -166,14 +166,12 @@ updateLogList = async () => {
             }
 
             //statusicon
-            let statusColor = "#008000";
+            let statusColor = getStatusColorCode(response[i].Status);
             let statusIcon = "xe05b";
             if (response[i].Status == "PROCESSING") {
-                statusColor = "#FFC300";
                 statusIcon = "xe047";
             }
             if (response[i].Status == "FAILED") {
-                statusColor = "#C70039";
                 statusIcon = "xe03e";
             }
             statusicon = "<span data-sap-ui-icon-content='&#" + statusIcon + "' class='" + response[i].MessageGuid + " sapUiIcon sapUiIconMirrorInRTL' style='font-family: SAP-icons; font-size: 0.9rem; color:" + statusColor + ";'> </span>"
@@ -230,7 +228,6 @@ createLogsRightSide = async (runId, leftActive = false) => {
     var objects = null;
     var logs = null;
     if (runId) {
-
         objects = [
             {
                 label: "Info",
@@ -245,17 +242,13 @@ createLogsRightSide = async (runId, leftActive = false) => {
                 label: "Persist",
                 content: await createPersistLogsContent(runId),
                 active: false
-
             }
         ];
-
         logs = await createTabHTML(objects, 'logs-tab');
-
     } else {
         logs = document.createElement('div');
         logs.innerHTML = '<div class="cpiHelper_tabs">Please choose a message to show logs. You can also click the speech bubble icon in Messages Sidebar.</div>';
     }
-
     var right = document.createElement('div');
     right.id = "cpiHelper_logs-right-side";
     if (leftActive) {
@@ -389,10 +382,10 @@ createLogsInfo = async (messageId) => {
     valueList.push({ Name: "OriginComponentName", Value: input.OriginComponentName });
 
 
-    result = `<div id="cpiHelper_logsInfo"><table class="ui basic striped selectable compact table">  <thead><tr class="black"><th>Name</th><th>Value</th></tr></thead>
+    result = `<div id="cpiHelper_logsInfo"><table class="ui basic striped selectable compact table">  <thead><tr class="blue"><th>Name</th><th>Value</th></tr></thead>
     <tbody>`
     valueList.forEach(item => {
-        result += `<tr class="${item.Type == 'header' ? 'black' : ''}"><td>${item.Name}</td><td style="word-break: break-all;">${htmlEscape(item.Value)}</td></tr>`
+        result += `<tr class="${item.Type == 'header' ? 'blue' : ''}"><td>${item.Name}</td><td style="word-break: break-all;">${htmlEscape(item.Value)}</td></tr>`
     });
     result += "</tbody></table>";
     return result;
diff --git a/scripts/plugins.js b/scripts/plugins.js
index 7afa940..39ac61f 100644
--- a/scripts/plugins.js
+++ b/scripts/plugins.js
@@ -174,7 +174,7 @@ async function createPluginScriptButtons() {
 async function createPluginPopupUI(plugin) {
 
     var container = document.createElement('div');
-    container.classList.add("card");
+    container.className = "ui card";
     container.appendChild(createElementFromHTML(`<div class="extra content">
         <img class="right floated mini ui image" src=${plugin.settings["icon"] ? chrome.runtime.getURL(plugin.settings["icon"].src) : ""}>
         <div class="header">${plugin.name}</div>
@@ -303,7 +303,7 @@ async function createContentNodeForPlugins() {
 
     var pluginUIList = document.createElement("div")
     pluginUIList.id = "cpiHelper_popup_plugins";
-    pluginUIList.classList = 'ui cards'
+    pluginUIList.className = 'ui cards'
     for (var element of pluginList.sort((x, y) => {return x.id.toLowerCase() > y.id.toLowerCase() ? 1 : -1})) {
         pluginUIList.appendChild(await createPluginPopupUI(element));
     }
diff --git a/scripts/ui.js b/scripts/ui.js
index fd131e3..7152d03 100644
--- a/scripts/ui.js
+++ b/scripts/ui.js
@@ -2,107 +2,134 @@ function workingIndicator(status) {
   // log.log(`CPI-Helper show indicator: $status`)
   //create snackbar div element
   if (!document.querySelector("#cpiHelper_workingIndicator")) {
-    document.body.appendChild(createElementFromHTML(`<i id='cpiHelper_workingIndicator' class='sync alternate loading icon' hidden></i>`))
+    body().appendChild(
+      createElementFromHTML(
+        `<i id='cpiHelper_workingIndicator' class='sync alternate loading icon' hidden></i>`
+      )
+    );
   }
   var x = $("#cpiHelper_workingIndicator");
-  status ? x.removeAttr('hidden') : x.attr('hidden', '');
+  status ? x.removeAttr("hidden") : x.attr("hidden", "");
 }
 
 //snackbar for messages (e.g. trace is on)
 function showToast(message, title, type = "") {
-
   //type = success, error, warning
   $.toast({
-    class: type,
-    position: 'bottom center',
-    showProgress: 'bottom',
+    class: type + ($("html").hasClass("sapUiTheme-sap_horizon_dark") ? " ch_dark " : ""),
+    position: "bottom center",
+    showProgress: "bottom",
     ...(title ? { title: title } : {}),
     message,
-    newestOnTop: true
+    newestOnTop: true,
   });
 }
-
-async function showBigPopup(content, header, parameters = { fullscreen: true, callback: null }) {
-  //create traceInfo div element
-  var x = document.getElementById("cpiHelper_semanticui_modal");
-
-  if (x) {
-    x.remove()
-  }
-
-  if (header) {
-    header = "- " + header;
-  } else {
-    header = "";
+function showWaitingPopup(
+  content = undefined,
+  classname = "small",
+  title = "CPI Helper Is thinking",
+  time = undefined
+) {
+  $("#cpiHelper_waiting_model").html(`
+      <div class="ui positive  icon message">
+        <i class="sync alternate loading icon"></i>
+        <div class="content">
+          <div class="header">${title}</div>
+          <p>${content || `Please Wait while we fetch content for you.`}</p>
+        </div>
+    </div>`);
+  $("#cpiHelper_waiting_model")
+    .modal({
+      class: classname,
+      closeIcon: false,
+      blurring: true,
+      closable: true,
+      detachable: false,
+    })
+    .modal("show");
+  if (time) {
+    setTimeout(() => {
+      $("#cpiHelper_waiting_model").modal("hide");
+    }, time);
   }
+}
+async function showBigPopup(content, header, parameters = { fullscreen: true, callback: null, onclose: null }, count = 0, maxcount = 0, type = "mouse") {
+  $("#cpiHelper_waiting_model, #cpiHelper_semanticui_modal").modal("hide");
+  var $modal = $("#cpiHelper_semanticui_modal");
+  if ($modal.length) {
+    $modal.attr("class", "cpiHelper ui modal");
+
+    $modal.html(`
+          <i class="close icon" style="color:var(--cpi-text-color)"></i>
+          <div class="header" maxcount="${maxcount}" count="${count}">
+            CPI Helper ${header ? "- " + header : ""}
+          </div>
+          <div class="scrolling content">
+            <div class="description" id="cpiHelper_bigPopup_content_semanticui" style="min-height: 50vh; transition: all 100ms ease-in-out;">
+              <div class="ui active inverted dimmer">
+                <div class="ui loader"></div>
+              </div>
+            </div>
+          </div>
+          <div class="actions">
+            ${maxcount && count ? '<div class="ui negative animated button"><div class="visible content">Prev</div><div class="hidden content"><i class="angle double left icon"></i></div></div>' : ""}
+            ${maxcount && count !== maxcount - 1 ? '<div class="ui positive animated button"><div class="visible content">Next</div><div class="hidden content"><i class="angle double right icon"></i></div></div>' : ""}
+            <div class="ui black deny button">Close</div>
+          </div>
+        `);
+
+    ["negative", "positive"].forEach((type, index) => {
+      const $button = $modal.find(`.${type}`);
+      if ($button.length) {
+        $button.on("click", () => {
+          const sortedArray = $(".cpiHelper_onclick[inline_cpi_child]").map((_, e) => parseInt($(e).attr("inline_cpi_child"), 10)).get().sort((a, b) => a - b);
+          console.log(sortedArray, $("#cpiHelper_semanticui_modal .header").attr("count"), sortedArray[$("#cpiHelper_semanticui_modal .header").attr("count")], index === 0 ? "previous" : "next");
+          if (sortedArray[$("#cpiHelper_semanticui_modal .header").attr("count")]) {
+            let element = findNearest(sortedArray, sortedArray[$("#cpiHelper_semanticui_modal .header").attr("count")], index === 0 ? "previous" : "next");
+            $(`[inline_cpi_child=${element}] .cpiHelper_inlineInfo`).trigger("click");
+            showToast(`${index ? "Next" : "Previous"} Step ${element} will be displayed shortly`);
+            $modal.modal("hide");
+            showWaitingPopup();
+          } else {
+            showToast(`${index ? "Next" : "Previous"} Step is not found`, "something went wrong", "error")
+          }
+        });
+      }
+    });
 
-  var textElement = `
-  <div>
-  <i class="close icon" style="color:#ffffff"></i>
-    <div class="header">
-      CPI Helper ${header}
-    </div>
-    <div class="scrolling content">
-      
-      <div class="description" id="cpiHelper_bigPopup_content_semanticui" style="min-height: 50vh; transition: all 100ms ease-in-out;">
-        <div class="ui active inverted dimmer">
-        <div class="ui loader"></div>
-
-      </div>
-    </div>
-
-    </div>
-    <div class="actions">
-      <div class="ui black deny button" onclick="$('#cpiHelper_semanticui_modal').modal('hide');">
-        Close
-      </div>
-  
-    </div>
-    </div>
-    `;
-
-
-
-  x = createElementFromHTML(textElement)
-  x.classList.add("cpiHelper");
-  x.classList.add("ui");
-  x.classList.add("modal");
+    var $infocontent = $("#cpiHelper_bigPopup_content_semanticui");
 
-  x.id = "cpiHelper_semanticui_modal"
-  document.body.appendChild(x);
+    if (typeof content === "string") {
+      $infocontent.html(content);
+    } else if (typeof content === "object") {
+      $infocontent.empty().append(content);
+    } else if (typeof content === "function") {
+      const result = await content();
+      $infocontent.empty().append(result);
+    }
 
+    if (parameters.callback) {
+      parameters.callback();
+    }
 
-  if (parameters.fullscreen) {
-    x.classList.add("fullscreen");
+    $modal.toggleClass("fullscreen", parameters.fullscreen).modal({
+      detachable: false,
+      blurring: true,
+      autoShow: true,
+      onShow: function () {
+        if (!$modal.parent().is("#cpihelperglobal")) {
+          $('#cpihelperglobal').append($modal);  // Ensuring the modal stays within its parent container
+        }
+      },
+      onHidden: function () {
+        if (parameters.onclose  && parameters.onclose instanceof Function) {
+          parameters.onclose();
+        }
+      }
+    }).modal("show");
+    
   } else {
-    x.classList.remove("fullscreen")
-  }
-
-  $('#cpiHelper_semanticui_modal').modal('show');
-
-
-
-
-
-
-  var infocontent = document.getElementById("cpiHelper_bigPopup_content_semanticui");
-  if (typeof (content) == "string") {
-    infocontent.innerHTML = content;
-  }
-
-  if (typeof (content) == "object") {
-    infocontent.innerHTML = "";
-    infocontent.appendChild(content);
-  }
-
-  if (typeof (content) == "function") {
-    var result = await content();
-    infocontent.innerHTML = "";
-    infocontent.appendChild(result);
-  }
-
-  if (parameters.callback) {
-    parameters.callback()
+    showToast("", "Element is missing.. Reload the page", "error")
   }
 }
 
@@ -113,7 +140,6 @@ async function createTabHTML(objects, idPart, overwriteActivePosition) {
        content: "",
        active}
     }
-  
     */
 
     html = document.createElement("div");
@@ -121,62 +147,75 @@ async function createTabHTML(objects, idPart, overwriteActivePosition) {
 
     let checked = 'checked=""';
     for (let i = 0; i < objects.length; i++) {
-
       checked = "";
-      if ((overwriteActivePosition != null && overwriteActivePosition == i) || (overwriteActivePosition != null && overwriteActivePosition == objects[i].label) || (overwriteActivePosition == null && objects[i].active)) {
+      if (
+        (overwriteActivePosition != null && overwriteActivePosition == i) ||
+        (overwriteActivePosition != null &&
+          overwriteActivePosition == objects[i].label) ||
+        (overwriteActivePosition == null && objects[i].active)
+      ) {
         checked = 'checked="checked"';
       }
 
-
       //input button
-      let input = createElementFromHTML(`<input name="tabs-${idPart}" type="radio" id="tab-${idPart}-${i}" ${checked} class="cpiHelper_tabs_input"/>`);
+      let input = createElementFromHTML(
+        `<input name="tabs-${idPart}" type="radio" id="tab-${idPart}-${i}" ${checked} class="cpiHelper_tabs_input"/>`
+      );
 
-      if (typeof (objects[i].content) == "function") {
+      if (typeof objects[i].content == "function") {
         input.onclick = async (event) => {
-
-          let contentElement = document.getElementById(idPart + "-" + i + "-content");
-          if (contentElement.innerHTML == '<div class="cpiHelper_infoPopUp_content">Please Wait...</div>') {
+          let contentElement = document.getElementById(
+            idPart + "-" + i + "-content"
+          );
+          if (
+            contentElement.innerHTML ==
+            '<div class="cpiHelper_infoPopUp_content">Please Wait...</div>'
+          ) {
             let contentResponse = await objects[i].content(objects[i]);
-            if (typeof (contentResponse) == "object") {
+            if (typeof contentResponse == "object") {
               contentElement.innerHTML = "";
               contentElement.appendChild(contentResponse);
             }
-            if (typeof (contentResponse) == "string") {
+            if (typeof contentResponse == "string") {
               contentElement.innerHTML = contentResponse;
             }
-            if (typeof (contentResponse) == "function") {
+            if (typeof contentResponse == "function") {
               contentElement.innerHTML = contentResponse(objects[i]);
             }
           }
-        }
+        };
       }
 
-
-      let label = createElementFromHTML(`<label for="tab-${idPart}-${i}" class="cpiHelper_tabs_label">${objects[i].label}</label>`);
+      let label = createElementFromHTML(
+        `<label for="tab-${idPart}-${i}" class="cpiHelper_tabs_label">${objects[i].label}</label>`
+      );
 
       //content of tab
-      let content = createElementFromHTML(` <div id="${idPart}-${i}-content" class="cpiHelper_tabs_panel"></div>`);
+      let content = createElementFromHTML(
+        ` <div id="${idPart}-${i}-content" class="cpiHelper_tabs_panel"></div>`
+      );
 
-      if (typeof (objects[i].content) == "string") {
+      if (typeof objects[i].content == "string") {
         content.innerHTML = objects[i].content;
       }
 
-      if (typeof (objects[i].content) == "object") {
+      if (typeof objects[i].content == "object") {
         content.appendChild(objects[i].content);
       }
 
-      if (typeof (objects[i].content) == "function") {
-        content.innerHTML = '<div class="cpiHelper_infoPopUp_content">Please Wait...</div>';
+      if (typeof objects[i].content == "function") {
+        content.innerHTML =
+          '<div class="cpiHelper_infoPopUp_content">Please Wait...</div>';
         if (objects[i].active) {
           let contentResponse = await objects[i].content(objects[i]);
-          if (typeof (contentResponse) == "object") {
+          if (typeof contentResponse == "object") {
             content.innerHTML = "";
             content.appendChild(contentResponse);
           }
-          if (typeof (contentResponse) == "string") {
+          if (typeof contentResponse == "string") {
             content.innerHTML = contentResponse;
           }
-          if (typeof (contentResponse) == "function") {
+          if (typeof contentResponse == "function") {
             content.innerHTML = contentResponse(objects[i]);
           }
         }
@@ -189,5 +228,4 @@ async function createTabHTML(objects, idPart, overwriteActivePosition) {
 
     return resolve(html);
   });
-
 }
diff --git a/whatsNew/whatsNew.js b/whatsNew/whatsNew.js
index e130f90..8d9da07 100644
--- a/whatsNew/whatsNew.js
+++ b/whatsNew/whatsNew.js
@@ -1,15 +1,62 @@
-async function whatsNewCheck(showOnlyOnce = true) {
 
-    var manifestVersion = chrome.runtime.getManifest().version;
 
+async function whatsNewCheck(showOnlyOnce = true) {
+    var manifestVersion = chrome.runtime.getManifest().version;
+  
     check = await storageGetPromise("whatsNewV" + manifestVersion);
+  
+    silentupdates = ["3.0.3", "3.14.4"]
 
-    silentupdates = ["3.0.3"]
-
+  
     //const FIGAF_IMG = chrome.runtime.getURL("images/figaf_logo-or3aup2a4kcerbzkw8qe9fj133kv700baqsm2nnpj4.png");
     const FIGAF_IMG = chrome.runtime.getURL("images/figaf_logo.png");
     const Kangoolutions_Logo = chrome.runtime.getURL("images/kangoolutions_icon.png");
-
+    const devtoberfestPicture = chrome.runtime.getURL("images/devtoberfestPicture.png");
+    const devtoberfestInvite = chrome.runtime.getURL("images/Devtoberfest_CPIHelper.ics");
+    const md = window.markdownit();
+   
+   
+   
+    var devtoberfest = `
+    <div class="ui segment">
+         <h3 class="ui header">
+                <i class="bell icon"></i>
+                <div class="content">
+                  Meet us at SAP Devtoberfest on 25th of September at 11am CEST
+                </div>
+            </h3>
+    
+    <h4>Another popup? Ok, let's keep it short:</h4>
+    
+    
+    <div style="margin-top: 0.1rem">📅 Meet us at SAP Devtoberfest on 25th of September at 11am CEST (click event for your local timezone)
+    </div>
+    <div style="text-align: center; margin: 20px;">
+    <a href="https://community.sap.com/t5/devtoberfest/speed-up-your-sap-cloud-integration-development-with-cpi-helper/ev-p/13802891" target="_blank" style="color: green; text-decoration: none;"
+    onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">Community Link</a> --- 
+    <a href="https://www.youtube.com/watch?v=uSwSQbc_ULU" target="_blank" style="color: green; text-decoration: none;" 
+    onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">Youtube</a> --- 
+    <a href="https://www.linkedin.com/events/speedupyoursapcloudintegrationd7237127761532764163/" target="_blank" style="color: green; text-decoration: none;" 
+    onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">LinkedIn Event</a> --- 
+    <a href="${devtoberfestInvite}" target="_blank" style="color: green; text-decoration: none;" 
+    onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">Add to Calendar</a>
+    </div>
+    
+    
+        <div class="ui segment cpihelper83782">
+            <a href="https://community.sap.com/t5/devtoberfest/speed-up-your-sap-cloud-integration-development-with-cpi-helper/ev-p/13802891" target="_blank"><img
+                                    class="ui center image" src="${devtoberfestPicture}"></a>
+        
+        </div>
+    </div>
+    
+    `
+   
+   
+   
+   
+   
+   
     if (!check && !silentupdates.includes(manifestVersion) || showOnlyOnce == false) {
         html = `<div class="ui message">
         <img class="ui small floated image" src="${Kangoolutions_Logo}">
@@ -25,6 +72,7 @@ async function whatsNewCheck(showOnlyOnce = true) {
             <a class="item active" data-tab="one">News</a>
             <a class="item" data-tab="two">Features</a>
             <a class="item" data-tab="three">About</a>
+            <a class="item" data-tab="four">Devtoberfest</a>
         </div>
         <div class="ui bottom attached tab segment" data-tab="one">
             <div class="ui segment">
@@ -36,47 +84,40 @@ async function whatsNewCheck(showOnlyOnce = true) {
                     <div class="twelve wide column">
                         <div class="ui header">This release is sponsored by Figaf </div>
                         <p>
-                        <b>Live Event on SAP PI to Integration Suite Migration in Copenhagen</b><br>
-Considering a migration to the SAP Integration Suite? Figaf is hosting an in-depth event in Copenhagen on September 17-18. This event will equip you with essential knowledge for planning your migration.
-                      </p>
-                    </div>
-                    <div class="sixteen wide column" style="padding-top: 0px;">
-                    <p>
-                        <br>Experts from Figaf, SAP, and partners will provide insights, covering key topics such as migration strategies, tools, and best practices. Attendees will have opportunities to engage in hands-on sessions, network with peers, and gain valuable tips for a smooth transition.
+If you are planning or working on a migration to Integration Suite, then Figaf has a lot to offer for the entire process. From planning and overview, migration of ICO and Receiver Determinations, to testing and go-live. You can get started quickly.
                       </p>
                     </div>
                      <div class="sixteen wide column">
-                    For more details, visit the <a href="https://figaf.com/cpihelper15" target="_blank"><u>event page</u></a>.
+                    For more details, visit the <a href="https://figaf.com/cpihelper16" target="_blank"><u>details page</u></a>.
                     </div>
                 </div>
             </div>
-            <h3 class="ui header">
-                <i class="bell icon"></i>
-                <div class="content">
-                   New Release
-                </div>
-            </h3>
-            <p>
-                CPI Helper is free and open source, so perhaps you would like to assist us in contributing new features and
-                bug fixes. Our community is expanding, and we would like to give a special thanks to Daniel Graversen and
-                his amazing Figaf Tools, which have helped me dedicate more time to developing the CPI Helper.<br />
-            </p>
-            </h3>
             <h3 class="ui header">
                 <i class="bell icon"></i>
                 <div class="content">
                     What's New?
                 </div>
             </h3>
-            <a class="ui red center right ribbon label">FireFox limited support</a>  
-            <div class="ui middle aligned list">
-                 ${String(whats_new_log.map((e) => `<div class="item"><i class="right triangle icon"></i>
-                    <div class="content">
-                        <div class="header">${e.header}</div>
-                        <div class="description">${e.description}</div>
-                    </div>
-                </div>`)).replaceAll(",", "")}
-            </div>
+            <a class="ui red center right ribbon label" style="position: absolute;">FireFox limited support</a>  
+            <div class="changeloglist">${
+                Object.entries(
+                    whats_new_log.trim().split('\n').reduce((acc, line) => {
+                        const match = line.match(/\[([^\]]+)\](.*)/);
+                        if (match) {
+                            const [_, header, description] = match;
+                            (acc[header.trim()] = acc[header.trim()] || []).push(description.trim());
+                        }
+                        return acc;
+                    }, {})
+                ).sort(([a], [b]) => a.localeCompare(b)).map(([header, descs]) => `
+                    <div class="ui block header">
+                        <div class="ui sub header">${header}</div>
+                        <div class="description" style="font-weight: normal;">
+                            <ul class="list">
+                                ${descs.map(desc => `<li>${md.renderInline(desc)}</li>`).join('')}
+                            </ul>
+                        </div>
+                    </div>`).join('')}</div>
             <div class="ui list">
                 <h3 class="ui header">
                     <a href="https://www.linkedin.com/company/kangoolutions" target="_blank"><i class="linkedin icon"></i></a>
@@ -164,23 +205,56 @@ Considering a migration to the SAP Integration Suite? Figaf is hosting an in-dep
             </div>
             <div>Created by: Dominic Beckbauer and Kangoolutions.com</div>
         </div>
+        <div class="ui bottom attached tab segment active" data-tab="four">
+            ${devtoberfest}
+        </div>
     </div>`;
-        await showBigPopup(html, "Your SAP CI Toolbox since 1963", { "fullscreen": false, callback: () => { $('.menu .item').tab(); } });
 
-        var obj = {};
-        obj["whatsNewV" + manifestVersion] = "show";
-        chrome.storage.local.set(obj, function () {
-            log.log("whats new displayed and saved");
-        });
-
-        return true
+  
+    
+    await showBigPopup(html, "Your SAP CI Toolbox since 1963", {
+      fullscreen: false,
+      callback: () => {
+        $(".menu .item").tab();
+        $('.cpihelper83782')
+  .popup({
+    inline     : true,
+    hoverable  : true,
+    position   : 'bottom left',
+    delay: {
+      show: 300,
+      hide: 800
     }
-    return false
-
-    //persist so that the popup does not appear again
+  })
+;    
+    
+    },
+      onclose: () => {
+        showBigPopup(devtoberfest, "Your SAP CI Toolbox since 1963", {
+            fullscreen: false, }
+        );
+      },
+    });
+
+    var obj = {};
+    obj["whatsNewV" + manifestVersion] = "show";
+    chrome.storage.local.set(obj, function () {
+      log.log("whats new displayed and saved");
+    });
+
+    return true;
+  }
+  return false;
+
+  //persist so that the popup does not appear again
 }
 
 async function recrutingPopup(force = false) {
+   
+    if(force == false) {
+        return true
+    }
+
     //shows a popup if browser language is German and if timestamp is not set or today is after timestamp in chrome storage
 
     //show only for a fraction of user for testing
@@ -244,67 +318,72 @@ async function recrutingPopup(force = false) {
     </div>
     </div>`;
 
-        var popup = createElementFromHTML(html);
-
-        var createRemindButtopn = function (text, days, color = "teal") {
-            var button = document.createElement("button");
-            button.className = "ui " + color + " right labled icon button";
-            var icon = document.createElement("i");
-            icon.className = "right bell icon";
-            button.textContent = text;
-            button.appendChild(icon);
-
-            button.style.marginBottom = "10px";
+    var popup = createElementFromHTML(html);
 
-            button.onclick = async function () {
-                statistic("recrutingPopup", "remind", days)
+    var createRemindButtopn = function (text, days, color = "teal") {
+      var button = document.createElement("button");
+      button.className = "ui " + color + " right labled icon button";
+      var icon = document.createElement("i");
+      icon.className = "right bell icon";
+      button.textContent = text;
+      button.appendChild(icon);
 
-                //get unix timestamp for tomorrow
-                var tomorrow = +new Date() + days * 24 * 60 * 60 * 1000;
+      button.style.marginBottom = "10px";
 
-                var obj = {};
-                obj["recrutingPopupTimestamp"] = tomorrow;
-                chrome.storage.local.set(obj, function () {
-                    log.log("recruting popup timestamp set to today + " + days + " days");
-                });
+      button.onclick = async function () {
+        statistic("recrutingPopup", "remind", days);
 
-                $('#cpiHelper_semanticui_modal').modal('hide');
-            }
-            return button
-        }
+        //get unix timestamp for tomorrow
+        var tomorrow = +new Date() + days * 24 * 60 * 60 * 1000;
 
-        var nextStepButtion = document.createElement("button");
-        nextStepButtion.className = "ui teal right labled icon button";
-        var icon = document.createElement("i");
-        icon.className = "right arrow icon";
-
-        nextStepButtion.textContent = "Jau! Ich will mehr wissen.";
-        nextStepButtion.appendChild(icon);
-        nextStepButtion.onclick = async function () {
-            statistic("recrutingPopup", "nextStep")
-            window.open("https://ich-will-zur.kangoolutions.com/", "_blank");
-            $('#cpiHelper_semanticui_modal').modal('hide');
-        }
-
-        //create br
-        var br = document.createElement("br");
-        var span = document.createElement("span");
-        span.textContent = "Erinnere mich: ";
-        popup.appendChild(br);
-
-        popup.appendChild(nextStepButtion)
-        popup.appendChild(br);
-        popup.appendChild(createRemindButtopn("Schon ok... Erinnere mich nicht mehr", 9999, "violet"))
-
-        popup.appendChild(br);
-        popup.appendChild(span)
-        popup.appendChild(createRemindButtopn("Morgen", 1))
-
-        popup.appendChild(createRemindButtopn("In einer Woche", 7))
-
-
-        popup.appendChild(createRemindButtopn("In einem halben Jahr", 190))
+        var obj = {};
+        obj["recrutingPopupTimestamp"] = tomorrow;
+        chrome.storage.local.set(obj, function () {
+          log.log("recruting popup timestamp set to today + " + days + " days");
+        });
 
-        await showBigPopup(popup, "Wir suchen Verstärkung!", { "fullscreen": false });
-    }
-}
\ No newline at end of file
+        $("#cpiHelper_semanticui_modal").modal("hide");
+      };
+      return button;
+    };
+
+    var nextStepButtion = document.createElement("button");
+    nextStepButtion.className = "ui teal right labled icon button";
+    var icon = document.createElement("i");
+    icon.className = "right arrow icon";
+
+    nextStepButtion.textContent = "Jau! Ich will mehr wissen.";
+    nextStepButtion.appendChild(icon);
+    nextStepButtion.onclick = async function () {
+      statistic("recrutingPopup", "nextStep");
+      window.open("https://ich-will-zur.kangoolutions.com/", "_blank");
+      $("#cpiHelper_semanticui_modal").modal("hide");
+    };
+
+    //create br
+    var br = document.createElement("br");
+    var span = document.createElement("span");
+    span.textContent = "Erinnere mich: ";
+    popup.appendChild(br);
+
+    popup.appendChild(nextStepButtion);
+    popup.appendChild(br);
+    popup.appendChild(
+      createRemindButtopn(
+        "Schon ok... Erinnere mich nicht mehr",
+        9999,
+        "violet"
+      )
+    );
+
+    popup.appendChild(br);
+    popup.appendChild(span);
+    popup.appendChild(createRemindButtopn("Morgen", 1));
+
+    popup.appendChild(createRemindButtopn("In einer Woche", 7));
+
+    popup.appendChild(createRemindButtopn("In einem halben Jahr", 190));
+
+    await showBigPopup(popup, "Wir suchen Verstärkung!", { fullscreen: false });
+  }
+}
diff --git a/whatsNew/whatsNewLog.js b/whatsNew/whatsNewLog.js
index 43df6f9..0752c76 100644
--- a/whatsNew/whatsNewLog.js
+++ b/whatsNew/whatsNewLog.js
@@ -1,27 +1,13 @@
-// template = [
-//     {
-//         "header": "your header as HTML",
-//         "description": "description goes here as HTML",
-//     } ,... //multiple
-// ]
-const whats_new_log = [    
-
-    
-    {
-        "header": "Maintenance",
-        "description": "Update to Manifest V3. This is a major and necessary under the hood update and may cause some issues. Please report any issues."
-    },
-    {
-        "header": "Plugin",
-        "description": "Get Message ID logs Plugin to get logs from message ID in message sidebar."
-    },
-    {
-        "header": "Plugin",
-        "description": "Apache Camel Update Message Remover Plugin (Beta). Get rid of annoying Apache Camel update message. This plugin is in beta and may not work in all cases. Please report."
-    },
-    {
-        "header": "Improvement",
-        "description": "CPI Helper survives login procedure and does not need reload after login (beta)"
-    }
- 
-]
\ No newline at end of file
+// template = - [header :your header as HTML] [description": "description goes here as HTML] ,... //multiple
+const whats_new_log = `   
+- [Improvement] UI Bugfixes (Dark-mode Darker color for trace, Trace-inline tool editor detect mode you selected by default).
+- [Improvement] XML declaration preserved by code beautify function.
+- [Plugin] Performance stats plugin has better color for dark mode.
+- [Plugin] Settings Pane Resizer plugin opens settings pane on page load even if Pause mode is active.
+- [Feature] Color mode detected a theme and applied by default (in case of dark mode).
+- [Feature] More compatibale with DARK CPI extension dark mode.
+- [Feature] Position of popup is now state aware.
+- [Feature] Body download option now with proper extension.
+- [Feature] Text wrap option and theme of editor has clear information.
+- [Feature] General UI Bugfix & backend global element to organize. [Read more here with snapshot note](https://github.com/dbeck121/CPI-Helper-Chrome-Extension/pull/194). Special thanks to [Omkar](https://github.com/incpi).
+`
\ No newline at end of file
diff --git a/zipFiles.sh b/zipFiles.sh
index 85ef0e0..2c26103 100755
--- a/zipFiles.sh
+++ b/zipFiles.sh
@@ -1,10 +1,10 @@
 #!/bin/bash
 
-MANIFEST_V3="manifest.json_v3"
-if [ -f "$MANIFEST_V3" ]; then
-    echo "Please make sure we release only manifest v3. Current version is probably not v3."
-    exit 1
-fi
+#MANIFEST_V3="manifest.json_v3"
+#if [ -f "$MANIFEST_V3" ]; then
+#    echo "Please make sure we release only manifest v3. Current version is probably not v3."
+#    exit 1
+#fi
 
 echo "Copy readme to docs..."
 cp README.md docs/readme/README.md