@networkpro/web 1.12.9 → 1.13.1

package/src/lib/pages/TermsConditionsContent.svelte

@@ -9,13 +9,13 @@ This file is part of Network Pro.
 <!-- cspell:ignore tandc -->
 
 <script>
-  import { base } from "$app/paths";
-  import { CONSTANTS } from "$lib";
+  import { base } from '$app/paths';
+  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
-  console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+  //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
   const { COMPANY_INFO, PAGE, NAV } = CONSTANTS;
 
@@ -29,7 +29,7 @@ This file is part of Network Pro.
    * Markdown version of the Terms and Conditions document
    * @type {string}
    */
-  const tandcLink = "https://docs.netwk.pro/terms-conditions";
+  const tandcLink = 'https://docs.netwk.pro/terms-conditions';
 
   /**
    * Common constants used throughout the component
@@ -39,8 +39,8 @@ This file is part of Network Pro.
    * }}
    */
   const constants = {
-    effectiveDate: "May 8, 2025",
-    classSmall: "small-text",
+    effectiveDate: 'May 8, 2025',
+    classSmall: 'small-text',
   };
 
   /**
@@ -48,17 +48,17 @@ This file is part of Network Pro.
    * @type {Array<{id: string, text: string}>}
    */
   const tocLinks = [
-    { id: "intro", text: "Introduction" },
-    { id: "scope", text: "Scope of Services" },
-    { id: "warranties", text: "Disclaimer of Warranties" },
-    { id: "risk", text: "Assumption of Risk" },
-    { id: "liability", text: "Limitation of Liability" },
-    { id: "indemnify", text: "Indemnification" },
-    { id: "client", text: "Client Responsibilities" },
-    { id: "law", text: "Governing Law and Jurisdiction" },
-    { id: "accept", text: "Acceptance of Terms" },
-    { id: "exceptions", text: "Exceptions and Negotiations" },
-    { id: "changes", text: "Changes to These Terms" },
+    { id: 'intro', text: 'Introduction' },
+    { id: 'scope', text: 'Scope of Services' },
+    { id: 'warranties', text: 'Disclaimer of Warranties' },
+    { id: 'risk', text: 'Assumption of Risk' },
+    { id: 'liability', text: 'Limitation of Liability' },
+    { id: 'indemnify', text: 'Indemnification' },
+    { id: 'client', text: 'Client Responsibilities' },
+    { id: 'law', text: 'Governing Law and Jurisdiction' },
+    { id: 'accept', text: 'Acceptance of Terms' },
+    { id: 'exceptions', text: 'Exceptions and Negotiations' },
+    { id: 'changes', text: 'Changes to These Terms' },
   ];
 </script>
 
@@ -90,7 +90,7 @@ This file is part of Network Pro.
   <h2>Table of Contents</h2>
   <ol>
     {#each tocLinks as link}
-      <li><a href={"#" + link.id}>{link.text}</a></li>
+      <li><a href={'#' + link.id}>{link.text}</a></li>
     {/each}
   </ol>
 </nav>
@@ -123,7 +123,7 @@ This file is part of Network Pro.
   <section id={link.id}>
     <h2>{i + 1}. {link.text}</h2>
 
-    {#if link.id === "intro"}
+    {#if link.id === 'intro'}
       <p>
         By engaging with the information security, network security,
         cybersecurity, and digital privacy consulting and implementation
@@ -135,7 +135,7 @@ This file is part of Network Pro.
         </strong>
         If you do not agree to these Terms, please do not engage our services.
       </p>
-    {:else if link.id === "scope"}
+    {:else if link.id === 'scope'}
       <p>
         These Terms apply to all consulting and implementation services offered
         by the Company, including but not limited to assessment, planning, risk
@@ -147,7 +147,7 @@ This file is part of Network Pro.
           when applicable.
         </strong>
       </p>
-    {:else if link.id === "warranties"}
+    {:else if link.id === 'warranties'}
       <p>
         All services are provided "as is" and "as available" without warranties
         of any kind, whether express, implied, statutory, or otherwise. The
@@ -157,7 +157,7 @@ This file is part of Network Pro.
         will detect or prevent all security threats or achieve legal or
         regulatory compliance unless specifically agreed in writing.
       </p>
-    {:else if link.id === "risk"}
+    {:else if link.id === 'risk'}
       <p>
         Client acknowledges that cybersecurity and privacy-related services
         inherently involve risk. The Company does not guarantee uninterrupted
@@ -166,7 +166,7 @@ This file is part of Network Pro.
         our recommendations and agrees to maintain appropriate internal controls
         and backup protocols.
       </p>
-    {:else if link.id === "liability"}
+    {:else if link.id === 'liability'}
       <p>
         To the maximum extent permitted by law, the Company shall not be liable
         for any indirect, incidental, consequential, special, or punitive
@@ -176,7 +176,7 @@ This file is part of Network Pro.
         such damages. Direct damages, if any, shall be limited to the amount
         paid by Client for the specific services giving rise to the claim.
       </p>
-    {:else if link.id === "indemnify"}
+    {:else if link.id === 'indemnify'}
       <p>
         Client agrees to indemnify, defend, and hold harmless the Company, its
         officers, employees, contractors, and affiliates from and against any
@@ -185,7 +185,7 @@ This file is part of Network Pro.
         services, (ii) misconfiguration of systems by Client, or (iii)
         third-party claims related to services rendered under these Terms.
       </p>
-    {:else if link.id === "client"}
+    {:else if link.id === 'client'}
       <p>
         <strong>
           Client shall provide valid, secure, and licensed infrastructure,
@@ -197,7 +197,7 @@ This file is part of Network Pro.
         with any regulatory frameworks (e.g., HIPAA, GDPR, PCI-DSS) is the sole responsibility
         of the Client unless explicitly agreed otherwise in a separate written agreement.
       </p>
-    {:else if link.id === "law"}
+    {:else if link.id === 'law'}
       <p>
         These Terms shall be governed by and construed under the laws of the
         State of Arizona and applicable U.S. federal laws. Any disputes shall be
@@ -205,14 +205,14 @@ This file is part of Network Pro.
         County, Arizona, and both parties consent to such jurisdiction and
         venue.
       </p>
-    {:else if link.id === "accept"}
+    {:else if link.id === 'accept'}
       <p>
         Engagement with the Company's services constitutes acceptance of these
         Terms. Continued use of services after any updates indicates continued
         acceptance. These Terms are effective unless and until terminated or
         modified in writing by mutual agreement.
       </p>
-    {:else if link.id === "exceptions"}
+    {:else if link.id === 'exceptions'}
       <p>
         <strong>
           The Company is open to negotiating specific terms upon mutual
@@ -222,7 +222,7 @@ This file is part of Network Pro.
         parties. Flexibility may be offered provided such changes do not impose undue
         liability or regulatory obligations on the Company.
       </p>
-    {:else if link.id === "changes"}
+    {:else if link.id === 'changes'}
       <p>
         The Company reserves the right to revise these Terms at any time.
         Updated versions will be posted on our website or delivered via direct

package/src/lib/pages/TermsUseContent.svelte

@@ -9,8 +9,8 @@ This file is part of Network Pro.
 <!-- cspell:ignore tandc -->
 
 <script>
-  import { base } from "$app/paths";
-  import { CONSTANTS } from "$lib";
+  import { base } from '$app/paths';
+  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
@@ -41,23 +41,23 @@ This file is part of Network Pro.
    * Markdown version of the Terms of Use document
    * @type {string}
    */
-  const termsLink = "https://docs.netwk.pro/terms-use";
+  const termsLink = 'https://docs.netwk.pro/terms-use';
 
   /**
    * Table of Contents Links
    * @type {{ id: string, text: string }[]}
    */
   const tocLinks = [
-    { id: "introduction", text: "Introduction" },
-    { id: "platforms", text: "Platforms Covered" },
-    { id: "acceptable-use", text: "Acceptable Use" },
-    { id: "warranty", text: "Disclaimer of Warranties" },
-    { id: "risk", text: "Assumption of Risk" },
-    { id: "liability", text: "Limitation of Liability" },
-    { id: "indemnification", text: "Indemnification" },
-    { id: "jurisdiction", text: "Governing Law and Jurisdiction" },
-    { id: "acceptance", text: "Acceptance of Terms" },
-    { id: "changes", text: "Changes to This Policy" },
+    { id: 'introduction', text: 'Introduction' },
+    { id: 'platforms', text: 'Platforms Covered' },
+    { id: 'acceptable-use', text: 'Acceptable Use' },
+    { id: 'warranty', text: 'Disclaimer of Warranties' },
+    { id: 'risk', text: 'Assumption of Risk' },
+    { id: 'liability', text: 'Limitation of Liability' },
+    { id: 'indemnification', text: 'Indemnification' },
+    { id: 'jurisdiction', text: 'Governing Law and Jurisdiction' },
+    { id: 'acceptance', text: 'Acceptance of Terms' },
+    { id: 'changes', text: 'Changes to This Policy' },
   ];
 
   /**
@@ -65,8 +65,8 @@ This file is part of Network Pro.
    * @type {{ effectiveDate: string, classSmall: string }}
    */
   const constants = {
-    effectiveDate: "May 21, 2025",
-    classSmall: "small-text",
+    effectiveDate: 'May 21, 2025',
+    classSmall: 'small-text',
   };
 </script>
 
@@ -99,7 +99,7 @@ This file is part of Network Pro.
   <h3>Table of Contents</h3>
   <ol>
     {#each tocLinks as link}
-      <li><a href={"#" + link.id}>{link.text}</a></li>
+      <li><a href={'#' + link.id}>{link.text}</a></li>
     {/each}
   </ol>
 </nav>
@@ -130,14 +130,14 @@ This file is part of Network Pro.
   <section id={link.id}>
     <h2>{i + 1}. {link.text}</h2>
 
-    {#if link.id === "introduction"}
+    {#if link.id === 'introduction'}
       <p>
         Welcome! By accessing or using any of the platforms operated by {COMPANY_INFO.NAME}
         ("Company," "we," "us," or "our"), you agree to be bound by these Terms of
         Use ("Terms"). If you do not agree to these Terms, please refrain from using
         our services.
       </p>
-    {:else if link.id === "platforms"}
+    {:else if link.id === 'platforms'}
       <p>
         These Terms of Use apply to all platforms associated with the Company,
         including but not limited to:
@@ -148,7 +148,7 @@ This file is part of Network Pro.
           platforms).
         </strong>
       </p>
-    {:else if link.id === "acceptable-use"}
+    {:else if link.id === 'acceptable-use'}
       <p>
         You agree not to use our platforms or services to engage in conduct that
         is
@@ -164,7 +164,7 @@ This file is part of Network Pro.
         <li>Violating third-party rights or laws</li>
         <li>Interfering with platform functionality or availability</li>
       </ul>
-    {:else if link.id === "warranty"}
+    {:else if link.id === 'warranty'}
       <p>
         Our platforms and services are provided "as is" and "as available,"
         without any express or implied warranties. We make no guarantees
@@ -172,7 +172,7 @@ This file is part of Network Pro.
         disclaimer does not apply to our consulting and implementation services,
         nor any payment portals or associated services.
       </p>
-    {:else if link.id === "risk"}
+    {:else if link.id === 'risk'}
       <p>
         Your use of our platforms is at your own risk. We do not guarantee the
         security, integrity, or reliability of data stored on external or
@@ -180,7 +180,7 @@ This file is part of Network Pro.
         consulting and implementation services, nor any payment portals or
         associated services.
       </p>
-    {:else if link.id === "liability"}
+    {:else if link.id === 'liability'}
       <p>
         To the fullest extent permitted by law, the Company, its affiliates,
         owners, operators, and contributors shall not be liable for any direct,
@@ -188,14 +188,14 @@ This file is part of Network Pro.
         not limited to data loss, loss of profits, or damages arising from
         reliance on or use of our platforms.
       </p>
-    {:else if link.id === "indemnification"}
+    {:else if link.id === 'indemnification'}
       <p>
         You agree to indemnify, defend, and hold harmless the Company, its
         affiliates, owners, operators, and contributors from any claims,
         damages, liabilities, losses, or expenses (including legal fees) arising
         from or related to your use of our services.
       </p>
-    {:else if link.id === "jurisdiction"}
+    {:else if link.id === 'jurisdiction'}
       <p>
         {COMPANY_INFO.NAME} is based in Maricopa County, Arizona. Any legal action
         or dispute arising from these Terms of Use shall be subject to the exclusive
@@ -204,13 +204,13 @@ This file is part of Network Pro.
         <strong>Arizona Revised Statutes (A.R.S.)</strong> and applicable
         provisions of the <strong>United States Code (U.S.C.)</strong>.
       </p>
-    {:else if link.id === "acceptance"}
+    {:else if link.id === 'acceptance'}
       <p>
         By accessing or using our platforms, you acknowledge and agree to these
         Terms of Use. Continued use of our services constitutes ongoing
         acceptance of these Terms.
       </p>
-    {:else if link.id === "changes"}
+    {:else if link.id === 'changes'}
       <p>
         We may update these Terms of Use periodically. Updates will be posted on
         this page with an updated effective date and will reflect any relevant

package/src/lib/registerServiceWorker.js

@@ -14,16 +14,16 @@ This file is part of Network Pro.
  * and PWA behavior.
  */
 export function registerServiceWorker() {
-  const disableSW = window?.__DISABLE_SW__ || location.search.includes("nosw");
+  const disableSW = window?.__DISABLE_SW__ || location.search.includes('nosw');
 
   if (disableSW) {
-    console.warn("⚠️ Service Worker registration disabled via diagnostic mode.");
+    console.warn('⚠️ Service Worker registration disabled via diagnostic mode.');
 
-    if ("serviceWorker" in navigator) {
+    if ('serviceWorker' in navigator) {
       navigator.serviceWorker.getRegistrations().then((registrations) => {
         registrations.forEach((reg) =>
           reg.unregister().then((success) => {
-            console.log("🧹 SW unregistered from registerServiceWorker.js:", success);
+            console.log('🧹 SW unregistered from registerServiceWorker.js:', success);
           })
         );
       });
@@ -32,51 +32,51 @@ export function registerServiceWorker() {
     return;
   }
 
-  if ("serviceWorker" in navigator) {
-    const isFirefox = navigator.userAgent.includes("Firefox");
+  if ('serviceWorker' in navigator) {
+    const isFirefox = navigator.userAgent.includes('Firefox');
     const isDevelopment =
-      location.hostname === "localhost" || location.hostname === "127.0.0.1";
+      location.hostname === 'localhost' || location.hostname === '127.0.0.1';
 
     if (isFirefox && isDevelopment) {
-      console.log("🛑 SW registration skipped in Firefox development mode");
+      console.log('🛑 SW registration skipped in Firefox development mode');
       return;
     }
 
-    window.addEventListener("load", () => {
+    window.addEventListener('load', () => {
       navigator.serviceWorker
-        .register("service-worker.js")
+        .register('service-worker.js')
         .then((registration) => {
-          console.log("✅ Service Worker registered with scope:", registration.scope);
+          console.log('✅ Service Worker registered with scope:', registration.scope);
 
           // 🧼 Manual cleanup of unexpected caches
           caches.keys().then((keys) => {
             keys.forEach((key) => {
-              if (!key.startsWith("cache-")) {
-                console.log("🧹 Deleting unexpected cache:", key);
+              if (!key.startsWith('cache-')) {
+                console.log('🧹 Deleting unexpected cache:', key);
                 caches.delete(key);
               }
             });
           });
 
-          registration.addEventListener("updatefound", () => {
+          registration.addEventListener('updatefound', () => {
             const newWorker = registration.installing;
-            console.log("[SW-CLIENT] New service worker installing...");
+            console.log('[SW-CLIENT] New service worker installing...');
 
             if (!newWorker) return;
 
             let updatePrompted = false;
 
-            newWorker.addEventListener("statechange", () => {
-              console.log("[SW-CLIENT] New worker state:", newWorker.state);
+            newWorker.addEventListener('statechange', () => {
+              console.log('[SW-CLIENT] New worker state:', newWorker.state);
 
               if (
-                newWorker.state === "installed" &&
+                newWorker.state === 'installed' &&
                 navigator.serviceWorker.controller &&
                 !updatePrompted
               ) {
                 updatePrompted = true;
-                console.log("[SW-CLIENT] New SW installed. Prompting user to reload.");
-                if (confirm("New content is available. Reload to update?")) {
+                console.log('[SW-CLIENT] New SW installed. Prompting user to reload.');
+                if (confirm('New content is available. Reload to update?')) {
                   window.location.reload();
                 }
               }
@@ -84,22 +84,22 @@ export function registerServiceWorker() {
           });
         })
         .catch((error) => {
-          console.error("❌ Service Worker registration failed:", error);
+          console.error('❌ Service Worker registration failed:', error);
         });
 
       let refreshing = false;
-      navigator.serviceWorker.addEventListener("controllerchange", () => {
-        console.log("[SW-CLIENT] Controller changed.");
+      navigator.serviceWorker.addEventListener('controllerchange', () => {
+        console.log('[SW-CLIENT] Controller changed.');
         if (!refreshing) {
           refreshing = true;
           window.location.reload();
         }
       });
 
-      window.addEventListener("beforeinstallprompt", (e) => {
+      window.addEventListener('beforeinstallprompt', (e) => {
         e.preventDefault();
         window.dispatchEvent(
-          new CustomEvent("pwa-install-available", {
+          new CustomEvent('pwa-install-available', {
             detail: /** @type {BeforeInstallPromptEvent} */ (e),
           }),
         );

package/src/lib/stores/posthog.js

@@ -14,8 +14,8 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 import {
   remindUserToReconsent,
   trackingPreferences,
-} from "$lib/stores/trackingPreferences.js";
-import { get, writable } from "svelte/store";
+} from '$lib/stores/trackingPreferences.js';
+import { get, writable } from 'svelte/store';
 
 /**
  * Tracks whether tracking is allowed based on cookies, DNT/GPC, and user preference.
@@ -41,7 +41,7 @@ let ph = null;
  * @returns {Promise<void>}
  */
 export async function initPostHog() {
-  if (initialized || typeof window === "undefined") return;
+  if (initialized || typeof window === 'undefined') return;
   initialized = true;
 
   const { enabled } = get(trackingPreferences);
@@ -49,32 +49,32 @@ export async function initPostHog() {
   showReminder.set(get(remindUserToReconsent)); // ✅ use derived store instead
 
   if (!enabled) {
-    console.log("[PostHog] Tracking is disabled — skipping init.");
+    console.log('[PostHog] Tracking is disabled — skipping init.');
     return;
   }
 
-  const posthogModule = await import("posthog-js");
+  const posthogModule = await import('posthog-js');
   ph = posthogModule.default;
 
   // cspell:disable-next-line
-  ph.init("phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0", {
-    api_host: "https://us.i.posthog.com",
+  ph.init('phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0', {
+    api_host: 'https://us.i.posthog.com',
     autocapture: true,
     capture_pageview: false,
-    person_profiles: "identified_only",
+    person_profiles: 'identified_only',
     loaded: (phInstance) => {
       if (!enabled) {
         console.log(
-          "[PostHog] ⛔ User opted out — calling opt_out_capturing()",
+          '[PostHog] ⛔ User opted out — calling opt_out_capturing()',
         );
         phInstance.opt_out_capturing();
       } else {
-        console.log("[PostHog] ✅ Tracking enabled");
+        console.log('[PostHog] ✅ Tracking enabled');
       }
     },
   });
 
-  ph.capture("$pageview");
+  ph.capture('$pageview');
 }
 
 /**
@@ -105,8 +105,8 @@ export function identify(id, properties = {}) {
  * @returns {void}
  */
 export function _resetPostHog() {
-  if (import.meta.env.MODE === "production") {
-    console.warn("[PostHog] _resetPostHog() called in production — no-op");
+  if (import.meta.env.MODE === 'production') {
+    console.warn('[PostHog] _resetPostHog() called in production — no-op');
     return;
   }
 

package/src/lib/stores/trackingPreferences.js

@@ -19,8 +19,8 @@ This file is part of Network Pro.
  * @module src/lib/stores
  */
 
-import { browser } from "$app/environment";
-import { derived, writable } from "svelte/store";
+import { browser } from '$app/environment';
+import { derived, writable } from 'svelte/store';
 
 /**
  * @typedef {object} TrackingState
@@ -36,7 +36,7 @@ import { derived, writable } from "svelte/store";
  * @returns {string} Raw document.cookie or empty string (SSR-safe)
  */
 function readCookies() {
-  return browser ? document.cookie || "" : "";
+  return browser ? document.cookie || '' : '';
 }
 
 /**
@@ -96,7 +96,7 @@ function removeConsentTimestamp() {
 function getPrivacySignals() {
   if (!browser) return { dnt: false, gpc: false };
 
-  const dnt = navigator.doNotTrack === "1";
+  const dnt = navigator.doNotTrack === '1';
   // @ts-expect-error: Non-standard GPC property
   const gpc = navigator.globalPrivacyControl === true;
 
@@ -112,18 +112,18 @@ function getPrivacySignals() {
  * @returns {string}
  */
 function deriveStatus({ optedOut, optedIn, dnt, gpc }) {
-  if (optedOut) return "🔒 Tracking disabled (manual opt-out)";
-  if (optedIn) return "✅ Tracking enabled (manual opt-in)";
-  if (dnt || gpc) return "🛑 Tracking disabled (via browser signal)";
-  return "⚙️ Using default settings (tracking enabled)";
+  if (optedOut) return '🔒 Tracking disabled (manual opt-out)';
+  if (optedIn) return '✅ Tracking enabled (manual opt-in)';
+  if (dnt || gpc) return '🛑 Tracking disabled (via browser signal)';
+  return '⚙️ Using default settings (tracking enabled)';
 }
 
 /**
  * @returns {TrackingState}
  */
 function computePreferences() {
-  const optedOut = cookieExists("disable_tracking");
-  const optedIn = cookieExists("enable_tracking");
+  const optedOut = cookieExists('disable_tracking');
+  const optedIn = cookieExists('enable_tracking');
   const { dnt, gpc } = getPrivacySignals();
 
   const enabled = optedIn || (!optedOut && !dnt && !gpc);
@@ -143,7 +143,7 @@ export const trackingPreferences = writable(
         dnt: false,
         gpc: false,
         enabled: false,
-        status: "⏳ Checking tracking preferences...",
+        status: '⏳ Checking tracking preferences...',
       },
 );
 
@@ -154,8 +154,8 @@ export const trackingPreferences = writable(
 function hasUserManuallySetTrackingPreference() {
   const cookies = readCookies();
   return (
-    cookies.includes("enable_tracking=true") ||
-    cookies.includes("disable_tracking=true")
+    cookies.includes('enable_tracking=true') ||
+    cookies.includes('disable_tracking=true')
   );
 }
 
@@ -193,8 +193,8 @@ export function refreshTrackingPreferences() {
  * @returns {void}
  */
 export function setOptIn() {
-  setCookie("enable_tracking");
-  removeCookie("disable_tracking");
+  setCookie('enable_tracking');
+  removeCookie('disable_tracking');
   setConsentTimestamp();
   refreshTrackingPreferences();
 }
@@ -204,8 +204,8 @@ export function setOptIn() {
  * @returns {void}
  */
 export function setOptOut() {
-  setCookie("disable_tracking");
-  removeCookie("enable_tracking");
+  setCookie('disable_tracking');
+  removeCookie('enable_tracking');
   setConsentTimestamp();
   refreshTrackingPreferences();
 }
@@ -215,8 +215,8 @@ export function setOptOut() {
  * @returns {void}
  */
 export function clearPrefs() {
-  removeCookie("enable_tracking");
-  removeCookie("disable_tracking");
+  removeCookie('enable_tracking');
+  removeCookie('disable_tracking');
   removeConsentTimestamp();
   refreshTrackingPreferences();
 }

package/src/lib/styles/css/default.css

@@ -540,3 +540,33 @@ footer .container {
   flex: 1;
   min-width: 150px;
 }
+
+.obtainium-direct-label {
+  margin: .25rem 0 0.75rem 0;
+  font-weight: bold;
+}
+
+.obtainium-manual-label {
+  font-weight: bold;
+  margin-top: 0.75rem;
+}
+
+.obtainium-img {
+  width: 201px;
+  height: 60px;
+  margin-bottom: 0.25rem;
+}
+
+.obtainium-margin {
+  margin-left: 4px;
+}
+
+.obtainium-fa-down {
+  color: #FFC627;
+  margin-left: 4px;
+}
+
+.obtainium-icon {
+  width: 50px;
+  height: 50px;
+}