From d2677e6cc19ae56be650f4939439985ff88b9600 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 19 Nov 2024 20:49:31 +0100
Subject: [PATCH 1/9] add gh page deploy workflow (#74)

Co-authored-by: medevod <medevod@github.com>
---
 .github/workflows/gh-page-deploy.yml | 42 ++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 .github/workflows/gh-page-deploy.yml

diff --git a/.github/workflows/gh-page-deploy.yml b/.github/workflows/gh-page-deploy.yml
new file mode 100644
index 0000000..5d8e281
--- /dev/null
+++ b/.github/workflows/gh-page-deploy.yml
@@ -0,0 +1,42 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: "build lib and deploy demo"
+        uses: ./.github/actions/build-action
+        id: "build_action"
+        with:
+          stage: "release"
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload dist folder
+          path: "./demo_build"
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

From 39a46eaf7379588f24fc705d3ef311525c8274b9 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 19 Nov 2024 21:09:53 +0100
Subject: [PATCH 2/9] Update action.yml

---
 .github/actions/build-action/action.yml | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/.github/actions/build-action/action.yml b/.github/actions/build-action/action.yml
index d6653f9..f37b4a2 100644
--- a/.github/actions/build-action/action.yml
+++ b/.github/actions/build-action/action.yml
@@ -6,6 +6,11 @@ inputs:
     default: "beta"
     required: false
     type: string
+  release_update_only:
+    description: "Only update the release version"
+    default: "false"
+    required: false
+    type: boolean
 outputs:
   package_base_version:
     description: "Package main version related to given stage"
@@ -35,7 +40,7 @@ runs:
         npm run test --if-present
       shell: bash
     - name: "build minified main css library, js plugins and demo in standalone mode"
-      if: ${{ inputs.stage == 'release' }}
+      if: ${{ inputs.stage == 'release' && inputs.release_update_only == "false" }}
       env:
         PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}
       run: |
@@ -45,3 +50,14 @@ runs:
         parcel build --target demo --no-source-maps --no-content-hash --public-url ./v${{ steps.package-version.outputs.current-version }}
         npm run test --if-present
       shell: bash
+    - name: "update only release demo page"
+      if: ${{ inputs.stage == 'release' && inputs.release_update_only == "true" }}
+      env:
+        PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}
+      run: |
+        npm install
+        npm run lint
+        npm run build
+        parcel build --target demo --no-source-maps --no-content-hash
+        npm run test --if-present
+      shell: bash

From d3809bf5cb2f0853403546fc2061f0e2b63497d8 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 19 Nov 2024 21:14:05 +0100
Subject: [PATCH 3/9] Update action.yml

---
 .github/actions/build-action/action.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/actions/build-action/action.yml b/.github/actions/build-action/action.yml
index f37b4a2..e72c1e2 100644
--- a/.github/actions/build-action/action.yml
+++ b/.github/actions/build-action/action.yml
@@ -40,7 +40,7 @@ runs:
         npm run test --if-present
       shell: bash
     - name: "build minified main css library, js plugins and demo in standalone mode"
-      if: ${{ inputs.stage == 'release' && inputs.release_update_only == "false" }}
+      if: ${{ inputs.stage == 'release' }} && {{ inputs.release_update_only == "false" }}
       env:
         PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}
       run: |
@@ -51,7 +51,7 @@ runs:
         npm run test --if-present
       shell: bash
     - name: "update only release demo page"
-      if: ${{ inputs.stage == 'release' && inputs.release_update_only == "true" }}
+      if: ${{ inputs.stage == 'release' }} && {{ inputs.release_update_only == "true" }}
       env:
         PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}
       run: |

From c48024f154419fc0bd0161db1f8ca2bd815d7978 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 19 Nov 2024 21:20:23 +0100
Subject: [PATCH 4/9] Update gh-page-deploy.yml

---
 .github/workflows/gh-page-deploy.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/gh-page-deploy.yml b/.github/workflows/gh-page-deploy.yml
index 5d8e281..035a428 100644
--- a/.github/workflows/gh-page-deploy.yml
+++ b/.github/workflows/gh-page-deploy.yml
@@ -1,5 +1,5 @@
 # Simple workflow for deploying static content to GitHub Pages
-name: Deploy static content to Pages
+name: Deploy mgplus demo page
 
 on:
   # Allows you to run this workflow manually from the Actions tab
@@ -30,6 +30,7 @@ jobs:
         id: "build_action"
         with:
           stage: "release"
+          release_update_only: "true"
       - name: Setup Pages
         uses: actions/configure-pages@v4
       - name: Upload artifact

From ed04b7351264741dd0df0ce2e4b7007bf85fda88 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 19 Nov 2024 21:32:27 +0100
Subject: [PATCH 5/9] Update action.yml

---
 .github/actions/build-action/action.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/actions/build-action/action.yml b/.github/actions/build-action/action.yml
index e72c1e2..4a846fd 100644
--- a/.github/actions/build-action/action.yml
+++ b/.github/actions/build-action/action.yml
@@ -58,6 +58,6 @@ runs:
         npm install
         npm run lint
         npm run build
-        parcel build --target demo --no-source-maps --no-content-hash
+        parcel build --target demo --no-source-maps --no-content-hash --public-url ./mgplus
         npm run test --if-present
       shell: bash

From 3c74c0bbba0e8cd8c645bde523344581e156f3ac Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 19 Nov 2024 21:35:36 +0100
Subject: [PATCH 6/9] Update action.yml

---
 .github/actions/build-action/action.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/actions/build-action/action.yml b/.github/actions/build-action/action.yml
index 4a846fd..9dc2943 100644
--- a/.github/actions/build-action/action.yml
+++ b/.github/actions/build-action/action.yml
@@ -58,6 +58,6 @@ runs:
         npm install
         npm run lint
         npm run build
-        parcel build --target demo --no-source-maps --no-content-hash --public-url ./mgplus
+        parcel build --target demo --no-source-maps --no-content-hash --public-url ./
         npm run test --if-present
       shell: bash

From 0f9d42f01df439f578d8fed8a2f55ed953981176 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Thu, 28 Nov 2024 11:22:27 +0100
Subject: [PATCH 7/9] Update readme.md

---
 readme.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/readme.md b/readme.md
index ca26e1f..56c473d 100644
--- a/readme.md
+++ b/readme.md
@@ -2,14 +2,14 @@
 
 ![](/demo/images/logo.svg)
 
-## A mini css library based on Milligram
+## A micro css library based on Milligram
 ### Build pretty websites with just a few drops of css
 
 **[doc and demo](https://www.mgpluscss.com)**
 
 ![Latest release on NPM](https://img.shields.io/npm/v/mgplus)
 
-[CDN direct link](https://cdn.mgpluscss.com/v1.3.3/css/mgplus.css)
+[CDN direct link](https://cdn.mgpluscss.com/v1.3.4/css/mgplus.css)
 
 Striking the perfect balance between features and simplicity
 
@@ -32,6 +32,7 @@ Mgplus is specially designed to quickly create a website or a small page with mi
 * Easy to extend
 * Lightweight with only essentials features
 * Responsive and mobile first design
+* Pure css, custom js required only to toggle mgplus classes
 
 ### Features
 

From 72506e96d1ea9b49bb4806aae1b38efbc18d15cf Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Wed, 15 Jan 2025 21:31:12 +0100
Subject: [PATCH 8/9] Update azure-cdn-deploy.yml

---
 .github/workflows/azure-cdn-deploy.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/azure-cdn-deploy.yml b/.github/workflows/azure-cdn-deploy.yml
index ecb84c6..451d379 100644
--- a/.github/workflows/azure-cdn-deploy.yml
+++ b/.github/workflows/azure-cdn-deploy.yml
@@ -24,7 +24,7 @@ jobs:
       id-token: write
     steps:
       - uses: actions/checkout@v3
-      - name: "build lib and demo"
+      - name: "BETA - build lib and demo"
         id: "build_action"
         uses: ./.github/actions/build-action
         with:
@@ -36,7 +36,7 @@ jobs:
           tenant-id: ${{ secrets.AZURE_TENANT_ID }}
           subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
           enable-AzPSSession: true
-      - name: "deploy lib and demo"
+      - name: "BETA - deploy lib and demo"
         id: "deploy_action"
         uses: ./.github/actions/deploy-action
         with:
@@ -51,7 +51,7 @@ jobs:
       id-token: write
     steps:
       - uses: actions/checkout@v3
-      - name: "build lib and demo"
+      - name: "PREVIEW - build lib and demo"
         uses: ./.github/actions/build-action
         id: "build_action"
         with:
@@ -63,7 +63,7 @@ jobs:
           tenant-id: ${{ secrets.AZURE_TENANT_ID }}
           subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
           enable-AzPSSession: true
-      - name: "deploy lib and demo"
+      - name: "PREVIEW - deploy lib and demo"
         id: "deploy_action"
         uses: ./.github/actions/deploy-action
         with:
@@ -78,7 +78,7 @@ jobs:
       id-token: write
     steps:
       - uses: actions/checkout@v3
-      - name: "build lib and demo"
+      - name: "RELEASE - build lib and demo"
         uses: ./.github/actions/build-action
         id: "build_action"
         with:
@@ -90,7 +90,7 @@ jobs:
           tenant-id: ${{ secrets.AZURE_TENANT_ID }}
           subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
           enable-AzPSSession: true
-      - name: "deploy lib and demo"
+      - name: "RELEASE - deploy lib and demo"
         id: "deploy_action"
         uses: ./.github/actions/deploy-action
         with:

From 24dd96de4b88fd7cb227b52323cf05aca58e9406 Mon Sep 17 00:00:00 2001
From: medevod <Mehdi.oueldi@gmail.com>
Date: Tue, 21 Jan 2025 21:12:23 +0100
Subject: [PATCH 9/9] PR - feat extend navs with nav buttons (#75)

* feat extend navs with nav buttons

* update pkg version

* doc update nav section

* fix ci bump parcel

* fix ci build

* fix mg-nav wrap whitespace

* chore cleanup

* nav buttons : adding wrapping for nav buttons

* chore reorg and cleanup navs

* BREACKING CHANGE: mg-nav simplify markup by removing div container

* BREAKING CHANGE: mg-nav simplify markup by removing div container

* chore  linter

* default styling for nav buttons

* feat add display helpers

* fix nav-buttons fit display

* Update azure-cdn-deploy.yml

* Update azure-cdn-deploy.yml

* fix nav inline flex overflow

* chore cleanup

* update build pipeline

* build fix

* fix purge path

* Update action.yml

* Update azure-cdn-deploy.yml

* fix conditional syntax issue in composite action

* fix grid effect priority

* doc add nav example

* nav adjust default styling

* colors: adjust default back colors

* update dist files

* nav adjust default styling

* navbutton change default style

* mg tabs add delimiter

* adjuste navs default styling

* fix linter

* neutral default style for mg nav buttons

* doc updat for new nav markup

* mg nav button remove default content aligment

* doc reorg sections

* CI/CD fix build lib

* fix cdn purge  recursivity

* fix nav default wrapping behavior

* fix lint

* BREAKING CHANGE:  mg-toggle standardized markup for specific icon

* chore: naming mixin to toggle effect

* feat add some display helpers

* update dist file

* chore

* complete documentation

* fix linter

---------

Co-authored-by: medevod <medevod@github.com>
Co-authored-by: medevod <devteam@evodim.com>
---
 .github/actions/build-action/action.yml  |  16 +-
 .github/actions/deploy-action/action.yml |   4 +-
 .github/workflows/azure-cdn-deploy.yml   |   6 +-
 demo/index.html                          |  26 +--
 demo/sections/alert-section.html         |   1 +
 demo/sections/badge-section.html         |   1 +
 demo/sections/check-section.html         |   1 +
 demo/sections/collapse-section.html      |  42 ++--
 demo/sections/dropdown-section.html      |  88 ++++----
 demo/sections/form-section.html          |   4 +-
 demo/sections/getting-started.html       |  23 +--
 demo/sections/group-section.html         |   8 +-
 demo/sections/intro-section.html         |   6 +-
 demo/sections/nav-section.html           |  64 ++++--
 demo/sections/timeline-section.html      |   4 +-
 demo/sections/toggle-section.html        |   8 +-
 dist/css/mgplus.css                      |   4 +-
 dist/css/mgplus.css.map                  |  13 +-
 dist/js/mgplus-dom.js.map                |   2 +-
 package.json                             |   8 +-
 src/scss/extensions/mg-display.scss      |  20 +-
 src/scss/extensions/mg-icon.scss         |   6 +-
 src/scss/extensions/mg-nav.scss          | 110 ++++++----
 src/scss/extensions/mg-radio.scss        |  10 +-
 src/scss/extensions/mg-select.scss       |   2 +-
 src/scss/extensions/mg-tabs.scss         |  55 ++---
 src/scss/extensions/mg-timeline.scss     | 249 ++++++++++++-----------
 src/scss/extensions/mg-toggle.scss       |  18 +-
 src/scss/mg-variables.scss               |   7 +-
 src/scss/mgplus.scss                     |   4 +-
 30 files changed, 450 insertions(+), 360 deletions(-)

diff --git a/.github/actions/build-action/action.yml b/.github/actions/build-action/action.yml
index 9dc2943..bde060c 100644
--- a/.github/actions/build-action/action.yml
+++ b/.github/actions/build-action/action.yml
@@ -28,36 +28,36 @@ runs:
     - name: get-npm-version
       id: package-version
       uses: martinbeentjes/npm-get-version-action@v1.3.1
-    - name: "build minified main css library, js plugins and demo in standalone mode"
+    - name: BETA-PREVIEW build minified main css library, js plugins and demo in standalone mode
       if: ${{ inputs.stage != 'release' }}
       env:
         PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}-${{ inputs.stage }}
       run: |
         npm install
         npm run lint
-        npm run build
+        npm run build:lib        
         parcel build --target demo --no-source-maps --no-content-hash --public-url ./v${{ steps.package-version.outputs.current-version }}-${{ inputs.stage }}
         npm run test --if-present
       shell: bash
-    - name: "build minified main css library, js plugins and demo in standalone mode"
-      if: ${{ inputs.stage == 'release' }} && {{ inputs.release_update_only == "false" }}
+    - name: "RELEASE - build minified main css library, js plugins and demo in standalone mode"
+      if: ${{ inputs.stage == 'release' && inputs.release_update_only == 'false' }}
       env:
         PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}
       run: |
         npm install
         npm run lint
-        npm run build
+        npm run build:lib         
         parcel build --target demo --no-source-maps --no-content-hash --public-url ./v${{ steps.package-version.outputs.current-version }}
         npm run test --if-present
       shell: bash
-    - name: "update only release demo page"
-      if: ${{ inputs.stage == 'release' }} && {{ inputs.release_update_only == "true" }}
+    - name: "RELEASE - update only release demo page"
+      if: ${{ inputs.stage == 'release' && inputs.release_update_only == 'true' }}
       env:
         PACKAGE_VERSION: v${{ steps.package-version.outputs.current-version }}
       run: |
         npm install
         npm run lint
-        npm run build
+        npm run build:lib         
         parcel build --target demo --no-source-maps --no-content-hash --public-url ./
         npm run test --if-present
       shell: bash
diff --git a/.github/actions/deploy-action/action.yml b/.github/actions/deploy-action/action.yml
index 340fea9..68e7aa3 100644
--- a/.github/actions/deploy-action/action.yml
+++ b/.github/actions/deploy-action/action.yml
@@ -29,5 +29,5 @@ runs:
           az extension add -n storage-preview -y
           az storage blob upload-batch -s  $DEMO_SOURCE_DIR -d $DEMO_DEST_DIR --account-name $ACCOUNT_NAME
           az storage blob upload-batch -s  $DIST_SOURCE_DIR -d $DIST_DEST_DIR --account-name $ACCOUNT_NAME
-          az cdn endpoint purge -g rg-devops -n mgplus-demo --profile-name cdn-evo --content-paths '/${{ inputs.package_version }}'
-          az cdn endpoint purge -g rg-devops -n cdn-mgplus --profile-name cdn-evo2 --content-paths '/${{ inputs.package_version }}'
+          az cdn endpoint purge -g rg-devops -n mgplus-demo --profile-name cdn-evo --content-paths /${{ inputs.package_version }}/*
+          az cdn endpoint purge -g rg-devops -n cdn-mgplus --profile-name cdn-evo2 --content-paths /${{ inputs.package_version }}/*
diff --git a/.github/workflows/azure-cdn-deploy.yml b/.github/workflows/azure-cdn-deploy.yml
index 451d379..9ce6fab 100644
--- a/.github/workflows/azure-cdn-deploy.yml
+++ b/.github/workflows/azure-cdn-deploy.yml
@@ -18,7 +18,7 @@ jobs:
   deploy_pullrequest:
     if: github.event_name == 'pull_request' && github.event.action != 'closed'
     runs-on: ubuntu-latest
-    name: CDN - deploy PR version
+    name: CDN - deploy beta version
     permissions:
       contents: read
       id-token: write
@@ -40,8 +40,8 @@ jobs:
         id: "deploy_action"
         uses: ./.github/actions/deploy-action
         with:
-          package_version: ${{ steps.build_action.outputs.package_version }}
-          stage: "beta-${{ github.event.pull_request.number }}"
+          package_version: "${{ steps.build_action.outputs.package_version }}"
+          stage: "beta"
   deploy_preview:
     if: github.event_name == 'push' && startsWith(github.ref, 'refs/heads/master') == true
     runs-on: ubuntu-latest
diff --git a/demo/index.html b/demo/index.html
index fac6198..4523df3 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -26,13 +26,11 @@
             <i class="mg-icon svg-icon-darkmode"></i>
           </button>
           <div class="mg-dropdown--content">
-            <div class="mg-nav">
-              <ul>
-                <li data-toggle="theme" data-value="light">Light</li>
-                <li data-toggle="theme" data-value="dark">Dark</li>
-                <li data-toggle="theme" data-value="auto">Auto</li>
-              </ul>
-            </div>
+            <ul class="mg-nav">
+              <li data-toggle="theme" data-value="light">Light</li>
+              <li data-toggle="theme" data-value="dark">Dark</li>
+              <li data-toggle="theme" data-value="auto">Auto</li>
+            </ul>
           </div>
         </div>
         <div class="mg-dropdown">
@@ -64,10 +62,8 @@
           <i class="mg-icon mg-icon--3xl icon-menu"></i>
         </button>
         <div class="mg-dropdown--content mg-right">
-          <div class="mg-nav">
-            <ul data-toggle="navlinks" class="mg-text-bold">
-            </ul>
-          </div>
+          <ul data-toggle="navlinks" class="mg-nav mg-text-bold">
+          </ul>
         </div>
       </div>
 
@@ -108,10 +104,8 @@ <h2>A micro CSS library </h2>
   <div
     class="mg-fixed mg-top5 mg-right mg-bg-initial mg-rounded mg-border-thin mg-marg-l1 mg-marg-r1 mg-pad1 mg-xl-hidden">
     <div class=" mg-max-h80vh mg-overflow-y-auto">
-      <div class="mg-nav">
-        <ul data-toggle="navlinks" class="mg-text-bold">
-        </ul>
-      </div>
+      <ul data-toggle="navlinks" class="mg-nav mg-text-bold">
+      </ul>
     </div>
   </div>
   <main class="mg-container">
@@ -130,7 +124,6 @@ <h2>Examples</h2>
     <include src="demo/sections/colors-section.html"></include>
     <include src="demo/sections/dropdown-section.html"></include>
     <include src="demo/sections/form-section.html"></include>
-    <include src="demo/sections/grid-section.html"> </include>
     <include src="demo/sections/group-section.html"></include>
     <include src="demo/sections/helpers-section.html"></include>
     <include src="demo/sections/icons-section.html"></include>
@@ -141,6 +134,7 @@ <h2>Examples</h2>
     <include src="demo/sections/progress-section.html"></include>
     <include src="demo/sections/radio-section.html"></include>
     <include src="demo/sections/range-section.html"></include>
+    <include src="demo/sections/grid-section.html"> </include>
     <include src="demo/sections/responsive-display-section.html"></include>
     <include src="demo/sections/select-section.html"> </include>
     <include src="demo/sections/tab-section.html"></include>
diff --git a/demo/sections/alert-section.html b/demo/sections/alert-section.html
index ef0a5de..07a77fd 100644
--- a/demo/sections/alert-section.html
+++ b/demo/sections/alert-section.html
@@ -1,5 +1,6 @@
 <section id="alert">
   <h2>Alert</h2>
+  <code>mg-alert</code>
   <p>Alerts are used to display important information to the user. They are used to display important information to the
     user. They are used to display important information to the user.</p>
   <div data-toggle="htmlpreview">
diff --git a/demo/sections/badge-section.html b/demo/sections/badge-section.html
index 854868c..865dd1c 100644
--- a/demo/sections/badge-section.html
+++ b/demo/sections/badge-section.html
@@ -1,5 +1,6 @@
 <section id="badges">
   <h2>Badges</h2>
+  <code>mg-badge</code>
   <p>Badges are used to display important information to the user. They are used to display important information to the
     user. They are used to display important information to the user.</p>
   <h3>Default appearance</h3>
diff --git a/demo/sections/check-section.html b/demo/sections/check-section.html
index 8b17447..d7dc416 100644
--- a/demo/sections/check-section.html
+++ b/demo/sections/check-section.html
@@ -1,5 +1,6 @@
 <section id="check">
   <h2>Check</h2>
+  <code>mg-check</code>
   <p>You will find examples of
     checkboxes in their default, checked, and disabled states.</p>
   <div class="mg-row" id="check-example" data-toggle="htmlpreview">
diff --git a/demo/sections/collapse-section.html b/demo/sections/collapse-section.html
index 8f9e0d2..865a9e7 100644
--- a/demo/sections/collapse-section.html
+++ b/demo/sections/collapse-section.html
@@ -1,36 +1,50 @@
 <section id="Collapse">
   <h2>Collapse</h2>
+  <code>mg-collapse +/-[opened]</code>
   <p>Collapsible elements are used to hide or show content based on user interaction. Below, you will find examples of
     collapsible elements in their default state, as well as examples of how to trigger the collapse and expand
     functionality.</p>
-  <i>Collapse needs js to toggle class visibility</i>
-  <div class="mg-col mg-m6" id="collapse-example" data-toggle="htmlpreview">
+  <p>Place <code>mg-collapse</code> class to a clickable element</p>
+  <p>Place <code>mg-collapse--content</code> class to a sibling content element</p>
+  <p><code>opened</code> class will toggle visibility of the collapsible content inside
+    <code>mg-collapse--content</code>
+  </p>
+  <p>Place special inline icon <code>mg-icon-collapse</code> to reflect state of collapsible content</p>
+
+
+  <div class="mg-col mg-m6" data-toggle="htmlpreview">
     <button class="mg-button mg-button--outline mg-collapse mg-icon-collapse" data-toggle="collapse">collapse
       Button</button>
     <div class="mg-collapse--content">
       Content 1
     </div>
+  </div>
+
+  <div data-toggle="htmlpreview">
     <span class="mg-collapse mg-icon-collapse" data-toggle="collapse">Collapse div</span>
     <div class="mg-collapse--content">
-      Content 2
+      div content
     </div>
   </div>
+  </div>
   <h3>Collapsible navs</h3>
-  <div id="collapse-navs-example" data-toggle="htmlpreview" data-toggle="nav">
-    <div class="mg-nav mg-m6" data-toggle="nav">
-      <ul>
-        <li class="active"><a href="#home">Home</a></li>
-        <li><a href="#news">News</a></li>
-        <li class="mg-collapse mg-icon-nav" data-toggle="collapse"><a href="#contact">Contact</a>
-        </li>
-        <ul class="mg-collapse--content">
+  Here is a composition of navs and collapse elements
+  <div data-toggle="htmlpreview" data-toggle="nav">
+    <ul class="mg-nav" data-toggle="nav">
+      <li class="active"><a href="#home">Home</a></li>
+      <li><a href="#news">News</a></li>
+      <li class="mg-collapse mg-icon-nav" data-toggle="collapse"><a href="#contact">Contact</a>
+      </li>
+      <div class="mg-collapse--content">
+        <ul class="mg-nav">
           <li>Contact sales</li>
           <li>Contact customer</li>
           <li>Contact care</li>
         </ul>
-        <li><a href="#about">About</a></li>
-      </ul>
-    </div>
+      </div>
+      <li><a href="#about">About</a></li>
+    </ul>
+
   </div>
 
 </section>
\ No newline at end of file
diff --git a/demo/sections/dropdown-section.html b/demo/sections/dropdown-section.html
index 203f112..edaa913 100644
--- a/demo/sections/dropdown-section.html
+++ b/demo/sections/dropdown-section.html
@@ -3,54 +3,62 @@ <h2>Dropdown</h2>
   <p>Dropdowns are used to display a
     list of options to the user. Below, you will find examples of dropdowns in their default state, as well as examples
     of how to trigger the dropdown functionality.</p>
-  <i>Dropdown needs js to toggle class visibility</i>
-  <div data-toggle="htmlpreview">
-    <div class="mg-dropdown" role="menu" id="dropdown-example">
+  <p>Place <code>mg-dropdown</code> as container class</p>
+  <p>Inside <code>mg-dropdown</code> place a button element with special icon <code>mg-icon-dropdown</code></p>
+  <p>Place <code>mg-dropdown--content</code> after button element</p>
+  <p>Usualy, place a <code>mg-nav</code> component inside <code>mg-dropdown--content</code> to build a menu</p>
 
+
+  <div>
+    <div class="mg-dropdown" role="menu" data-toggle="htmlpreview">
       <button title="choose a car" class="mg-icon-dropdown" data-toggle="dropdown">
         Choose a car
       </button>
       <div class="mg-dropdown--content">
-        <div class="mg-nav">
-          <ul>
-            <li data-value="audi">Audi</li>
-            <li data-value="bmw">BMW</li>
-            <li data-value="citroen">Citroen</li>
-            <li data-value="ford">Ford</li>
-            <li data-value="honda">Honda</li>
-            <li data-value="jaguar">Jaguar</li>
-            <li data-value="land-rover">Land Rover</li>
-            <li data-value="mini">Mini</li>
-            <li data-value="nissan">Nissan</li>
-            <li data-value="toyota">Toyota</li>
-            <li data-value="volvo">Volvo</li>
-          </ul>
-        </div>
+        <ul class="mg-nav">
+          <li data-value="audi">Audi</li>
+          <li data-value="bmw">BMW</li>
+          <li data-value="citroen">Citroen</li>
+          <li data-value="ford">Ford</li>
+          <li data-value="honda">Honda</li>
+          <li data-value="jaguar">Jaguar</li>
+          <li data-value="land-rover">Land Rover</li>
+          <li data-value="mini">Mini</li>
+          <li data-value="nissan">Nissan</li>
+          <li data-value="toyota">Toyota</li>
+          <li data-value="volvo">Volvo</li>
+        </ul>
       </div>
     </div>
-    <div class="row">
-      <div class="mg-dropdown" role="menu" data-value="bmw" id="dropdown-example2">
-        <button title="left side" data-toggle="dropdown" class="mg-icon-dropdown">
-          left side
-        </button>
-        <div class="mg-dropdown--content mg-left mg-nav">
-          <ul>
-            <li data-value="audi">Audi</li>
-            <li data-value="bmw">BMW</li>
-            <li data-value="mercedes">Mercedes long! very very long!</li>
-          </ul>
+    <div>
+      <h3>Positioning options</h3>
+      <code>mg-dropdown--content</code> + <code>[mg-left|mg-right]</code>
+      <p>Add to <code>mg-dropdown--content</code> <code>mg-left</code> or <code>mg-right</code> to adjust left or right
+        content according to the button position</p>
+      <div class="mg-row mg-x--between" data-toggle="htmlpreview">
+        <div class="mg-dropdown" role="menu" data-value="bmw">
+          <button title="left side" data-toggle="dropdown" class="mg-icon-dropdown">
+            left side
+          </button>
+          <div class="mg-dropdown--content mg-left">
+            <ul class="mg-nav">
+              <li data-value="audi">Audi</li>
+              <li data-value="bmw">BMW</li>
+              <li data-value="mercedes">Mercedes long! very very long!</li>
+            </ul>
+          </div>
         </div>
-      </div>
-      <div class="mg-dropdown mg-right" role="menu" data-value="bmw" id="dropdown-example3">
-        <button title="right side" data-toggle="dropdown" class="mg-icon-dropdown">
-          right side
-        </button>
-        <div class="mg-dropdown--content mg-right mg-nav">
-          <ul>
-            <li data-value="audi">Audi</li>
-            <li data-value="bmw">BMW</li>
-            <li data-value="mercedes">Mercedes long! very long!</li>
-          </ul>
+        <div class="mg-dropdown" role="menu" data-value="bmw">
+          <button title="right side" data-toggle="dropdown" class="mg-icon-dropdown">
+            right side
+          </button>
+          <div class="mg-dropdown--content mg-right">
+            <ul class="mg-nav">
+              <li data-value="audi">Audi</li>
+              <li data-value="bmw">BMW</li>
+              <li data-value="mercedes">Mercedes long! very long!</li>
+            </ul>
+          </div>
         </div>
       </div>
     </div>
diff --git a/demo/sections/form-section.html b/demo/sections/form-section.html
index d1cd944..e036229 100644
--- a/demo/sections/form-section.html
+++ b/demo/sections/form-section.html
@@ -19,12 +19,12 @@ <h2>Forms</h2>
         <label class="mg-toggle">
           on
           <input type="checkbox" checked />
-          <span class="mg-icon-toggle"></span>
+          <span class="mg-toggle--icon"></span>
         </label>
         <label class="mg-toggle">
           off
           <input type="checkbox" checked />
-          <span class="mg-icon-toggle"></span>
+          <span class="mg-toggle--icon"></span>
         </label>
       </div>
       <label>Checkboxes</label>
diff --git a/demo/sections/getting-started.html b/demo/sections/getting-started.html
index 74ef6c5..2445d41 100644
--- a/demo/sections/getting-started.html
+++ b/demo/sections/getting-started.html
@@ -56,24 +56,23 @@ <h4>Custom configuration</h4>
         &lt;button title="choose a car" class="mg-icon-dropdown" <b>data-toggle="dropdown"</b>&gt;
             Choose a car
         &lt;/button&gt;
-        &lt;div class="mg-dropdown--content"&gt;
-            &lt;div class="mg-nav"&gt;
-                &lt;ul&gt;
-                    &lt;li data-value="audi"&gt;Audi&lt;/li&gt;
-                    &lt;li data-value="bmw"&gt;BMW&lt;/li&gt;
-                    &lt;li data-value="toyota"&gt;Toyota&lt;/li&gt;
-                &lt;/ul&gt;
-            &lt;/div&gt;
+        &lt;div class="mg-dropdown--content"&gt; 
+         &lt;ul class="mg-nav"&gt;
+            &lt;li data-value="audi"&gt;Audi&lt;/li&gt;
+            &lt;li data-value="bmw"&gt;BMW&lt;/li&gt;
+            &lt;li data-value="toyota"&gt;Toyota&lt;/li&gt;
+          &lt;/ul&gt; 
         &lt;/div&gt;
     &lt;/div&gt;</code></pre>
 
     <h4>List of available plugins</h4>
     <p>
     <ul>
-        <li>dropdowns</li>
-        <li>tabs</li>
-        <li>modals</li>
-        <li>collapses</li>
+        <li>navs<code>data-toggle="nav"</code></li>
+        <li>dropdowns <code>data-toggle="dropdown"</code></li>
+        <li>tabs <code>data-toggle="tabs"</code></li>
+        <li>modals <code>data-toggle="modal"</code></li>
+        <li>collapses <code>data-toggle="collapse"</code></li>
     </ul>
     </p>
     <h4>Configure DarkMode</h4>
diff --git a/demo/sections/group-section.html b/demo/sections/group-section.html
index f05ee00..70d19b6 100644
--- a/demo/sections/group-section.html
+++ b/demo/sections/group-section.html
@@ -8,8 +8,8 @@ <h2>Group</h2>
       <button title="dropdown" data-toggle="dropdown" class="mg-icon-dropdown">
         <i class="mg-icon svg-icon-gears"></i>
       </button>
-      <div class="mg-dropdown--content mg-dropdown--content-left mg-nav">
-        <ul>
+      <div class="mg-dropdown--content mg-dropdown--content-left">
+        <ul class="mg-nav">
           <li data-value="fr">
             <i class='mg-icon svg-icon-fr'></i>France
           </li>
@@ -30,8 +30,8 @@ <h2>Group</h2>
       <button title="dropdown" data-toggle="dropdown" class="mg-icon-dropdown mg-button--small">
         <i class='mg-icon svg-icon-gears'></i>
       </button>
-      <div class="mg-dropdown--content mg-dropdown--content-left mg-nav">
-        <ul>
+      <div class="mg-dropdown--content mg-dropdown--content-left">
+        <ul class="mg-nav">
           <li data-value="fr">
             <span class='mg-icon svg-icon-fr'></span>France
           </li>
diff --git a/demo/sections/intro-section.html b/demo/sections/intro-section.html
index 6832365..237887e 100644
--- a/demo/sections/intro-section.html
+++ b/demo/sections/intro-section.html
@@ -38,10 +38,10 @@ <h3>Library size comparison</h3>
                 <progress max="256" value="8"></progress>
                 <div class="mg-badge  mg-m-l5 mg-text-s">8 KB</div>
             </div>
-            <b>Mg+ v1.3.3</b>
+            <b>Mg+ v1.3.5</b>
             <div class="mg-row">
-                <progress max="256" value="59"></progress>
-                <div class="mg-badge  mg-m-l5 mg-text-s">68 KB</div>
+                <progress max="256" value="70"></progress>
+                <div class="mg-badge  mg-m-l5 mg-text-s">70 KB</div>
             </div>
             <b>Bootstrap v5.3.0</b>
             <div class="mg-row">
diff --git a/demo/sections/nav-section.html b/demo/sections/nav-section.html
index a9751a7..0815103 100644
--- a/demo/sections/nav-section.html
+++ b/demo/sections/nav-section.html
@@ -3,23 +3,51 @@ <h2>Navs</h2>
   <p>Navs are used to navigate through
     the application. Below, you will find examples of how to use the nav system to create a variety of nav states.</p>
   <div data-toggle="htmlpreview">
-    <h3>Nav vertical (default)</h3>
-    <div class="mg-nav" id="nav-vertical-example" data-toggle="nav">
-      <ul>
-        <li class="active"><a href="#home">Home</a></li>
-        <li><a href="#news">News</a></li>
-        <li><a href="#contact">Contact</a></li>
-        <li><a href="#about">About</a></li>
-      </ul>
-    </div>
-    <h3>Nav inline</h3>
-    <div class="mg-nav mg-nav--inline" id="nav-horizontal-example" data-toggle="nav">
-      <ul>
-        <li class="active"><a href="#home">Home</a></li>
-        <li><a href="#news">News</a></li>
-        <li><a href="#contact">Contact</a></li>
-        <li class="mg-right"><a href="#about">About</a></li>
-      </ul>
-    </div>
+    <h3>Nav vertical (default) <code>mg-nav</code></h3>
+    <ul class="mg-nav" data-toggle="nav">
+      <li class="active"><a href="#home">Home</a></li>
+      <li><a href="#news">News</a></li>
+      <li><a href="#contact">Contact</a></li>
+      <li><a href="#about">About</a></li>
+    </ul>
+
   </div>
+  <div data-toggle="htmlpreview">
+    <h3>Nav inline <code>mg-nav mg-nav--inline</code></h3>
+    <ul class="mg-nav mg-nav--inline" data-toggle="nav">
+      <li class="active"><a href="#home">Home</a></li>
+      <li><a href="#news">News</a></li>
+      <li><a href="#contact">Contact</a></li>
+      <li><a href="#about">About</a></li>
+    </ul>
+  </div>
+
+  <div data-toggle="htmlpreview">
+    <h3>Nav buttons <code>mg-nav mg-nav--buttons </code></h3>
+    <ul class="mg-nav mg-nav--buttons" data-toggle="nav">
+      <li class="active"><a class="mg-button" href="#home">Home</a></li>
+      <li><a class="mg-button" href="#news">News</a></li>
+      <li><a class="mg-button" href="#contact">Contact</a></li>
+      <li><a class="mg-button" href="#about">About</a></li>
+    </ul>
+  </div>
+  <div data-toggle="htmlpreview">
+    <h3>Nav buttons (wrapped)</h3>
+    <h4><code>mg-nav mg-nav--buttons mg-wrap</code></h4>
+    <ul class="mg-nav mg-nav--buttons mg-wrap" data-toggle="nav">
+      <li class="active"><a class="mg-button" href="#home">Home</a></li>
+      <li><a class="mg-button" href="#news">News</a></li>
+      <li><a class="mg-button" href="#contact">Contact</a></li>
+      <li><a class="mg-button" href="#about">About</a></li>
+    </ul>
+    <h4><code>mg-nav mg-nav--buttons mg-col</code></h4>
+    <ul class="mg-nav mg-nav--buttons mg-col mg-x12 mg-m2" data-toggle="nav">
+      <li class="active"><a class="mg-button" href="#home">Home</a></li>
+      <li><a class="mg-button" href="#news">News</a></li>
+      <li><a class="mg-button" href="#contact">Contact</a></li>
+      <li><a class="mg-button" href="#about">About</a></li>
+    </ul>
+  </div>
+
+
 </section>
\ No newline at end of file
diff --git a/demo/sections/timeline-section.html b/demo/sections/timeline-section.html
index 1b59ab1..ec239c3 100644
--- a/demo/sections/timeline-section.html
+++ b/demo/sections/timeline-section.html
@@ -4,7 +4,7 @@ <h2>Timeline</h2>
     list of events in chronological order. Below, you will find examples of how to use the timeline system to create a
     variety of timeline states.</p>
   <div>
-    <h3>vertical (default)</h3>
+    <h3>vertical (default) <code>mg-timeline</code></h3>
     <div class="mg-container" id="timeline-example">
       <div class="mg-timeline" data-toggle="htmlpreview">
         <ul>
@@ -26,7 +26,7 @@ <h3>vertical (default)</h3>
           </li>
         </ul>
       </div>
-      <h3>inline</h3>
+      <h3>inline <code>mg-timeline-inline</code></h3>
       <div class="mg-timeline-inline mg-m6" data-toggle="htmlpreview">
         <ul>
           <li class="active">
diff --git a/demo/sections/toggle-section.html b/demo/sections/toggle-section.html
index 5d1c311..542cd1e 100644
--- a/demo/sections/toggle-section.html
+++ b/demo/sections/toggle-section.html
@@ -1,5 +1,5 @@
 <section id="toggle-section" class="section">
-  <h2>Toggle</h2>
+  <h2>Toggle <code>mg-toggle</code></h2>
   <p>Toggles are used to switch
     between two states. Below, you will find examples of how to use the toggle system to create a variety of toggle
     states.</p>
@@ -7,17 +7,17 @@ <h2>Toggle</h2>
     <label class="mg-toggle">
       on
       <input type="checkbox" checked />
-      <span class="mg-icon-toggle"></span>
+      <span class="mg-toggle--icon"></span>
     </label>
     <label class="mg-toggle">
       off
       <input type="checkbox" />
-      <span class="mg-icon-toggle"></span>
+      <span class="mg-toggle--icon"></span>
     </label>
     <label class="mg-toggle">
       disabled
       <input type="checkbox" disabled checked />
-      <span class="mg-icon-toggle"></span>
+      <span class="mg-toggle--icon"></span>
     </label>
   </div>
 </section>
\ No newline at end of file
diff --git a/dist/css/mgplus.css b/dist/css/mgplus.css
index 85c4b2e..ba0809e 100644
--- a/dist/css/mgplus.css
+++ b/dist/css/mgplus.css
@@ -1,2 +1,2 @@
-/*! mgplus.css $PACKAGE_VERSION | MIT License | github.com/mgpluscss/mgplus */
-:root{--mg-color-dark:#0d0d0d;--mg-color-light:#f2f2f2;--mg-color-primary:#475dca;--mg-control-radius:1rem;--mg-input-radius:1rem;--mg-color-red:#dc3545;--mg-color-orange:#fd7e14;--mg-color-blue:#007bff;--mg-color-green:#28a745;--mg-control-shadow:0 0 2px #0003,0 3px 4px #00000026;--mg-control-active-shadow:inset 0 0 100px 100px #0000001a;--mg-base-font-size:1.6rem;--mg-color-initial:var(--mg-color-light);--mg-color-secondary:#333;--mg-color-tertiary:#666;--mg-color-quaternary:#999;--mg-color-quinary:#ccc;--mg-dark-color-initial:var(--mg-color-dark);--mg-dark-color-secondary:#ccc;--mg-dark-color-tertiary:#b3b3b3;--mg-dark-color-quaternary:gray;--mg-dark-color-quinary:#4d4d4d;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mg-hidden-light{display:none}.mg-theme--dark,:root[data-theme=dark]{--mg-color-initial:var(--mg-dark-color-initial);--mg-color-secondary:var(--mg-dark-color-secondary);--mg-color-tertiary:var(--mg-dark-color-tertiary);--mg-color-quaternary:var(--mg-dark-color-quaternary);--mg-color-quinary:var(--mg-dark-color-quinary);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mg-theme--dark .mg-hidden-dark,:root[data-theme=dark] .mg-hidden-dark{display:none}.mg-theme--dark .mg-hidden-light,:root[data-theme=dark] .mg-hidden-light{display:block}.mg-theme--light,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mg-theme--light .mg-hidden-light,:root[data-theme=light] .mg-hidden-light{display:none}.mg-theme--light .mg-hidden-dark,:root[data-theme=light] .mg-hidden-dark{display:block}*,:after,:before{box-sizing:inherit}html,body{box-sizing:border-box;font-size:65%;overflow-x:hidden}body{background-color:var(--mg-color-initial);color:var(--mg-color-secondary);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--mg-base-font-size);letter-spacing:.016rem;margin:0;font-weight:300;line-height:1.6}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:calc(var(--mg-base-font-size))}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp{font-family:monospace;font-size:calc(var(--mg-base-font-size))}small{font-size:calc(var(--mg-base-font-size)*.2 + 1rem)}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.4rem}sup{top:-.8rem}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline;border-radius:var(--mg-input-radius);height:calc(var(--mg-base-font-size)*.2 + 1rem)}progress::-webkit-progress-bar{background-color:var(--mg-color-quaternary);border-radius:var(--mg-input-radius)}progress::-moz-progress-bar{background-color:var(--mg-color-quaternary);border-radius:var(--mg-input-radius)}progress::-webkit-progress-value{background-color:var(--mg-color-primary);border-radius:var(--mg-input-radius);min-width:calc(var(--mg-input-radius))}progress::-moz-progress-value{background-color:var(--mg-color-primary);border-radius:var(--mg-input-radius);min-width:calc(var(--mg-input-radius))}textarea{overflow:auto}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-.25rem}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}blockquote{border-left:.3rem solid var(--mg-color-quaternary);margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote :last-child{margin-bottom:0}.mg-button,button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--mg-color-primary);border:.2rem solid var(--mg-color-primary);border-radius:var(--mg-control-radius);color:var(--mg-color-light);cursor:pointer;font-size:calc(var(--mg-base-font-size)*.2 + 1rem);height:calc(var(--mg-base-font-size)*2.5);letter-spacing:.1rem;text-align:center;opacity:1;box-shadow:var(--mg-control-shadow);white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;padding:0 2rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mg-button:focus,.mg-button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{box-shadow:var(--mg-control-active-shadow);color:var(--mg-color-light);outline:0;transition:all .5s}.mg-button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.mg-button[disabled]:focus,.mg-button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:var(--mg-color-secondary);border-color:var(--mg-color-primary)}.mg-button.mg-button--outline,button.mg-button--outline,input[type=button].mg-button--outline,input[type=reset].mg-button--outline,input[type=submit].mg-button--outline{color:var(--mg-color-primary);background-color:#0000}.mg-button.mg-button--outline:focus,.mg-button.mg-button--outline:hover,button.mg-button--outline:focus,button.mg-button--outline:hover,input[type=button].mg-button--outline:focus,input[type=button].mg-button--outline:hover,input[type=reset].mg-button--outline:focus,input[type=reset].mg-button--outline:hover,input[type=submit].mg-button--outline:focus,input[type=submit].mg-button--outline:hover{box-shadow:var(--mg-control-active-shadow);transition:all .5s}.mg-button.mg-button--outline[disabled]:focus,.mg-button.mg-button--outline[disabled]:hover,button.mg-button--outline[disabled]:focus,button.mg-button--outline[disabled]:hover,input[type=button].mg-button--outline[disabled]:focus,input[type=button].mg-button--outline[disabled]:hover,input[type=reset].mg-button--outline[disabled]:focus,input[type=reset].mg-button--outline[disabled]:hover,input[type=submit].mg-button--outline[disabled]:focus,input[type=submit].mg-button--outline[disabled]:hover{border-color:inherit}.mg-button.mg-button--link,button.mg-button--link,input[type=button].mg-button--link,input[type=reset].mg-button--link,input[type=submit].mg-button--link{box-shadow:none;color:var(--mg-color-primary);background-color:#0000;border:none}.mg-button.mg-button--link:focus,.mg-button.mg-button--link:hover,button.mg-button--link:focus,button.mg-button--link:hover,input[type=button].mg-button--link:focus,input[type=button].mg-button--link:hover,input[type=reset].mg-button--link:focus,input[type=reset].mg-button--link:hover,input[type=submit].mg-button--link:focus,input[type=submit].mg-button--link:hover{box-shadow:var(--mg-control-active-shadow);color:var(--mg-color-secondary);transition:all .5s}.mg-button.mg-button--link[disabled]:focus,.mg-button.mg-button--link[disabled]:hover,button.mg-button--link[disabled]:focus,button.mg-button--link[disabled]:hover,input[type=button].mg-button--link[disabled]:focus,input[type=button].mg-button--link[disabled]:hover,input[type=reset].mg-button--link[disabled]:focus,input[type=reset].mg-button--link[disabled]:hover,input[type=submit].mg-button--link[disabled]:focus,input[type=submit].mg-button--link[disabled]:hover{border-color:inherit}.mg-button.mg-button--clear,button.mg-button--clear,input[type=button].mg-button--clear,input[type=reset].mg-button--clear,input[type=submit].mg-button--clear{color:var(--mg-color-primary);background-color:#0000;border:none}.mg-button.mg-button--clear:focus,.mg-button.mg-button--clear:hover,button.mg-button--clear:focus,button.mg-button--clear:hover,input[type=button].mg-button--clear:focus,input[type=button].mg-button--clear:hover,input[type=reset].mg-button--clear:focus,input[type=reset].mg-button--clear:hover,input[type=submit].mg-button--clear:focus,input[type=submit].mg-button--clear:hover{box-shadow:var(--mg-control-active-shadow);transition:all .5s}.mg-button.mg-button--clear[disabled]:focus,.mg-button.mg-button--clear[disabled]:hover,button.mg-button--clear[disabled]:focus,button.mg-button--clear[disabled]:hover,input[type=button].mg-button--clear[disabled]:focus,input[type=button].mg-button--clear[disabled]:hover,input[type=reset].mg-button--clear[disabled]:focus,input[type=reset].mg-button--clear[disabled]:hover,input[type=submit].mg-button--clear[disabled]:focus,input[type=submit].mg-button--clear[disabled]:hover{border-color:inherit}.mg-button.mg-button--small,button.mg-button--small,input[type=button].mg-button--small,input[type=reset].mg-button--small,input[type=submit].mg-button--small{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);height:calc(var(--mg-base-font-size)*1.6 + .5rem);padding:0 1.5rem}.mg-button.mg-button--large,button.mg-button--large,input[type=button].mg-button--large,input[type=reset].mg-button--large,input[type=submit].mg-button--large{font-size:calc(var(--mg-base-font-size)*1.1);height:calc(var(--mg-base-font-size)*2.5);padding:0 2rem}.mg-button.mg-button--transparent,button.mg-button--transparent,input[type=button].mg-button--transparent,input[type=reset].mg-button--transparent,input[type=submit].mg-button--transparent{background-color:#0000;border-color:#0000}code{background:var(--mg-color-quinary);white-space:nowrap;border-radius:.4rem;margin:0 .2rem;padding:.2rem .5rem;font-size:86%}pre{background:var(--mg-color-quinary);border-left:.3rem solid var(--mg-color-primary);overflow-y:hidden}pre>code{white-space:pre;border-radius:0;padding:1rem 1.5rem;display:block}hr{border:0;border-top:.1rem solid var(--mg-color-tertiary);margin:3rem 0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.mg-input{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:inline-flex}textarea{min-height:6.5rem}.mg-input,input[type=range],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.1rem solid var(--mg-color-quaternary);border-radius:var(--mg-input-radius);box-shadow:none;box-sizing:inherit;height:calc(var(--mg-base-font-size)*2.5);width:100%;color:var(--mg-color-secondary);background-color:#0000;padding:1rem}.mg-input:focus,input[type=range]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus,select:focus{border-color:var(--mg-color-primary);outline:0}.mg-input.mg-input--small,input[type=range].mg-input--small,input[type=email].mg-input--small,input[type=number].mg-input--small,input[type=password].mg-input--small,input[type=search].mg-input--small,input[type=tel].mg-input--small,input[type=text].mg-input--small,input[type=url].mg-input--small,textarea.mg-input--small,select.mg-input--small{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);height:calc(var(--mg-base-font-size)*1.6 + .5rem);padding:0 1rem}.mg-input.mg-input--large,input[type=range].mg-input--large,input[type=email].mg-input--large,input[type=number].mg-input--large,input[type=password].mg-input--large,input[type=search].mg-input--large,input[type=tel].mg-input--large,input[type=text].mg-input--large,input[type=url].mg-input--large,textarea.mg-input--large,select.mg-input--large{font-size:calc(var(--mg-base-font-size)*1.1);height:calc(var(--mg-base-font-size)*2.5);padding:0 1.2rem}select{background-color:var(--mg-color-initial);padding-top:.1rem;padding-bottom:.1rem}.mg-input>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin-top:0;margin-bottom:0;padding:0}input:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{display:inline}div.mg-input:focus-within{border-color:var(--mg-color-primary);outline:0}label,legend{font-size:calc(var(--mg-base-font-size));margin-bottom:.5rem;font-weight:700;display:block}fieldset{border-width:0;padding:0}a{color:var(--mg-color-primary);text-decoration:none}a:focus,a:hover{color:var(--mg-color-secondary)}ol{list-style:decimal inside}ul{list-style:circle inside}dl,ol,ul{margin-top:0;padding-left:0;list-style:none}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.mg-button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid var(--mg-color-quinary);text-align:left;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}table.table--responsive{display:inline-block;overflow-x:auto}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.1rem;margin-bottom:2rem;font-weight:600}h1{font-size:calc(var(--mg-base-font-size)*2.4);line-height:1}h2{font-size:calc(var(--mg-base-font-size)*2);line-height:1.2}h3{font-size:calc(var(--mg-base-font-size)*1.5);line-height:1.3}h4{font-size:calc(var(--mg-base-font-size)*1.3);letter-spacing:-.08rem;line-height:1.4}h5{font-size:calc(var(--mg-base-font-size)*1.1);letter-spacing:-.05rem;line-height:1.5}h6{font-size:calc(var(--mg-base-font-size));letter-spacing:0;line-height:1.6}img{max-width:100%}input[type=range]{background:var(--mg-color-quaternary);border-radius:var(--mg-input-radius);opacity:.9;vertical-align:top;outline:none;width:100%;height:.8rem;margin-right:1.76rem;padding:0;transition:opacity .2s;display:inline-block;position:relative}input[type=range]:hover{opacity:1}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--mg-color-primary);box-shadow:var(--mg-control-shadow);cursor:pointer;border:none;border-radius:100%;width:2.7rem;height:2.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--mg-color-primary);box-shadow:var(--mg-control-shadow);cursor:pointer;border:none;border-radius:100%;width:2.7rem;height:2.5rem}input[type=range]:disabled{opacity:.5}input[type=range]:disabled::-moz-range-thumb{background:var(--mg-color-quaternary)}input[type=range]:disabled::-webkit-slider-thumb{background:var(--mg-color-quaternary)}.mg-icon-dropdown,.mg-icon-collapse{position:relative;padding-right:2.5rem!important}.mg-icon-dropdown:after,.mg-icon-collapse:after{vertical-align:middle;box-sizing:border-box;content:"";pointer-events:none;transform-origin:50%;border-top:0;border-bottom:.25rem solid;border-left:.25rem solid;border-right:0;width:.8rem;height:.8rem;transition:all .2s;display:inline-block;position:absolute;top:calc(50% - .5rem);right:1rem;transform:rotate(-45deg)}.mg-icon-dropdown.opened:after,.mg-icon-collapse.opened:after{top:45%;transform:rotate(-225deg)}.mg-icon-nav{position:relative;padding-right:2.5rem!important}.mg-icon-nav:after{vertical-align:middle;box-sizing:border-box;content:"";pointer-events:none;transform-origin:50%;border-top:0;border-bottom:.25rem solid;border-left:.25rem solid;border-right:0;width:.8rem;height:.8rem;transition:all .2s;display:inline-block;position:absolute;top:40%;right:1rem;transform:rotate(-135deg)}.mg-icon-nav.opened:after{top:45%;transform:rotate(-225deg)}.mg-icon--action{cursor:pointer;transition:all .3s}.mg-icon--action:hover{opacity:.7}@keyframes mg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mg-check,.mg-radio,.mg-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;margin-bottom:1.5rem;margin-right:2.5rem;padding-left:3rem;display:inline-flex;position:relative}.mg-col{flex-direction:column;width:100%;height:100%;display:flex}.mg-col>*{flex:none}.mg-x1,.mg-s1,.mg-m1,.mg-l1,.mg-xl1,.mg-x2,.mg-s2,.mg-m2,.mg-l2,.mg-xl2,.mg-x3,.mg-s3,.mg-m3,.mg-l3,.mg-xl3,.mg-x4,.mg-s4,.mg-m4,.mg-l4,.mg-xl4,.mg-x5,.mg-s5,.mg-m5,.mg-l5,.mg-xl5,.mg-x6,.mg-s6,.mg-m6,.mg-l6,.mg-xl6,.mg-x7,.mg-s7,.mg-m7,.mg-l7,.mg-xl7,.mg-x8,.mg-s8,.mg-m8,.mg-l8,.mg-xl8,.mg-x9,.mg-s9,.mg-m9,.mg-l9,.mg-xl9,.mg-x10,.mg-s10,.mg-m10,.mg-l10,.mg-xl10,.mg-x11,.mg-s11,.mg-m11,.mg-l11,.mg-xl11,.mg-x12,.mg-s12,.mg-m12,.mg-l12,.mg-xl12{flex:0 0 100%;max-width:100%;min-height:.125rem;padding-left:.25rem;padding-right:.25rem}.mg-x1{flex-basis:8.33333%;max-width:8.33333%}.mg-x2{flex-basis:16.6667%;max-width:16.6667%}.mg-x3{flex-basis:25%;max-width:25%}.mg-x4{flex-basis:33.3333%;max-width:33.3333%}.mg-x5{flex-basis:41.6667%;max-width:41.6667%}.mg-x6{flex-basis:50%;max-width:50%}.mg-x7{flex-basis:58.3333%;max-width:58.3333%}.mg-x8{flex-basis:66.6667%;max-width:66.6667%}.mg-x9{flex-basis:75%;max-width:75%}.mg-x10{flex-basis:83.3333%;max-width:83.3333%}.mg-x11{flex-basis:91.6667%;max-width:91.6667%}.mg-x12{flex-basis:100%;max-width:100%}.mg-x--offset0{margin-left:0%}.mg-x--offset1{margin-left:8.33333%}.mg-x--offset2{margin-left:16.6667%}.mg-x--offset3{margin-left:25%}.mg-x--offset4{margin-left:33.3333%}.mg-x--offset5{margin-left:41.6667%}.mg-x--offset6{margin-left:50%}.mg-x--offset7{margin-left:58.3333%}.mg-x--offset8{margin-left:66.6667%}.mg-x--offset9{margin-left:75%}.mg-x--offset10{margin-left:83.3333%}.mg-x--offset11{margin-left:91.6667%}.mg-x--offset12{margin-left:100%}.mg-x--order0{order:0}.mg-x--order1{order:1}.mg-x--order2{order:2}.mg-x--order3{order:3}.mg-x--order4{order:4}.mg-x--order5{order:5}.mg-x--order6{order:6}.mg-x--order7{order:7}.mg-x--order8{order:8}.mg-x--order9{order:9}.mg-x--order10{order:10}.mg-x--order11{order:11}.mg-x--order12{order:12}.mg-row.mg-x--start{justify-content:flex-start}.mg-row.mg-x--center{justify-content:center}.mg-row.mg-x--end{justify-content:flex-end}.mg-row.mg-x--around{justify-content:space-around}.mg-row.mg-x--between{justify-content:space-between}.mg-row.mg-x--evenly{justify-content:space-evenly}.mg-row.mg-x--top{align-items:flex-start}.mg-row.mg-x--middle{align-items:center}.mg-row.mg-x--bottom{align-items:flex-end}.mg-row.mg-x--stretch{align-items:stretch}.mg-row.mg-x--baseline{align-items:baseline}.mg-row.mg-x--reverse{flex-direction:row-reverse}.mg-col.mg-x--start{align-items:flex-start}.mg-col.mg-x--center{align-items:center}.mg-col.mg-x--end{align-items:flex-end}.mg-col.mg-x--around{justify-content:space-around}.mg-col.mg-x--between{justify-content:space-between}.mg-col.mg-x--evenly{justify-content:space-evenly}.mg-col.mg-x--top{justify-content:flex-start}.mg-col.mg-x--middle{justify-content:center}.mg-col.mg-x--bottom{justify-content:flex-end}.mg-col.mg-x--stretch{justify-content:stretch}.mg-col.mg-x--baseline{justify-content:baseline}.mg-col.mg-x--reverse{flex-direction:column-reverse}.mg-x--grow{flex:auto}.mg-x--ungrow{flex:0}@media screen and (min-width:481px){.mg-s1{flex-basis:8.33333%;max-width:8.33333%}.mg-s2{flex-basis:16.6667%;max-width:16.6667%}.mg-s3{flex-basis:25%;max-width:25%}.mg-s4{flex-basis:33.3333%;max-width:33.3333%}.mg-s5{flex-basis:41.6667%;max-width:41.6667%}.mg-s6{flex-basis:50%;max-width:50%}.mg-s7{flex-basis:58.3333%;max-width:58.3333%}.mg-s8{flex-basis:66.6667%;max-width:66.6667%}.mg-s9{flex-basis:75%;max-width:75%}.mg-s10{flex-basis:83.3333%;max-width:83.3333%}.mg-s11{flex-basis:91.6667%;max-width:91.6667%}.mg-s12{flex-basis:100%;max-width:100%}.mg-s--offset0{margin-left:0%}.mg-s--offset1{margin-left:8.33333%}.mg-s--offset2{margin-left:16.6667%}.mg-s--offset3{margin-left:25%}.mg-s--offset4{margin-left:33.3333%}.mg-s--offset5{margin-left:41.6667%}.mg-s--offset6{margin-left:50%}.mg-s--offset7{margin-left:58.3333%}.mg-s--offset8{margin-left:66.6667%}.mg-s--offset9{margin-left:75%}.mg-s--offset10{margin-left:83.3333%}.mg-s--offset11{margin-left:91.6667%}.mg-s--offset12{margin-left:100%}.mg-s--order0{order:0}.mg-s--order1{order:1}.mg-s--order2{order:2}.mg-s--order3{order:3}.mg-s--order4{order:4}.mg-s--order5{order:5}.mg-s--order6{order:6}.mg-s--order7{order:7}.mg-s--order8{order:8}.mg-s--order9{order:9}.mg-s--order10{order:10}.mg-s--order11{order:11}.mg-s--order12{order:12}.mg-row.mg-s--start{justify-content:flex-start}.mg-row.mg-s--center{justify-content:center}.mg-row.mg-s--end{justify-content:flex-end}.mg-row.mg-s--around{justify-content:space-around}.mg-row.mg-s--between{justify-content:space-between}.mg-row.mg-s--evenly{justify-content:space-evenly}.mg-row.mg-s--top{align-items:flex-start}.mg-row.mg-s--middle{align-items:center}.mg-row.mg-s--bottom{align-items:flex-end}.mg-row.mg-s--stretch{align-items:stretch}.mg-row.mg-s--baseline{align-items:baseline}.mg-row.mg-s--reverse{flex-direction:row-reverse}.mg-col.mg-s--start{align-items:flex-start}.mg-col.mg-s--center{align-items:center}.mg-col.mg-s--end{align-items:flex-end}.mg-col.mg-s--around{justify-content:space-around}.mg-col.mg-s--between{justify-content:space-between}.mg-col.mg-s--evenly{justify-content:space-evenly}.mg-col.mg-s--top{justify-content:flex-start}.mg-col.mg-s--middle{justify-content:center}.mg-col.mg-s--bottom{justify-content:flex-end}.mg-col.mg-s--stretch{justify-content:stretch}.mg-col.mg-s--baseline{justify-content:baseline}.mg-col.mg-s--reverse{flex-direction:column-reverse}.mg-s--grow{flex:auto}.mg-s--ungrow{flex:0}}@media screen and (min-width:769px){.mg-m1{flex-basis:8.33333%;max-width:8.33333%}.mg-m2{flex-basis:16.6667%;max-width:16.6667%}.mg-m3{flex-basis:25%;max-width:25%}.mg-m4{flex-basis:33.3333%;max-width:33.3333%}.mg-m5{flex-basis:41.6667%;max-width:41.6667%}.mg-m6{flex-basis:50%;max-width:50%}.mg-m7{flex-basis:58.3333%;max-width:58.3333%}.mg-m8{flex-basis:66.6667%;max-width:66.6667%}.mg-m9{flex-basis:75%;max-width:75%}.mg-m10{flex-basis:83.3333%;max-width:83.3333%}.mg-m11{flex-basis:91.6667%;max-width:91.6667%}.mg-m12{flex-basis:100%;max-width:100%}.mg-m--offset0{margin-left:0%}.mg-m--offset1{margin-left:8.33333%}.mg-m--offset2{margin-left:16.6667%}.mg-m--offset3{margin-left:25%}.mg-m--offset4{margin-left:33.3333%}.mg-m--offset5{margin-left:41.6667%}.mg-m--offset6{margin-left:50%}.mg-m--offset7{margin-left:58.3333%}.mg-m--offset8{margin-left:66.6667%}.mg-m--offset9{margin-left:75%}.mg-m--offset10{margin-left:83.3333%}.mg-m--offset11{margin-left:91.6667%}.mg-m--offset12{margin-left:100%}.mg-m--order0{order:0}.mg-m--order1{order:1}.mg-m--order2{order:2}.mg-m--order3{order:3}.mg-m--order4{order:4}.mg-m--order5{order:5}.mg-m--order6{order:6}.mg-m--order7{order:7}.mg-m--order8{order:8}.mg-m--order9{order:9}.mg-m--order10{order:10}.mg-m--order11{order:11}.mg-m--order12{order:12}.mg-row.mg-m--start{justify-content:flex-start}.mg-row.mg-m--center{justify-content:center}.mg-row.mg-m--end{justify-content:flex-end}.mg-row.mg-m--around{justify-content:space-around}.mg-row.mg-m--between{justify-content:space-between}.mg-row.mg-m--evenly{justify-content:space-evenly}.mg-row.mg-m--top{align-items:flex-start}.mg-row.mg-m--middle{align-items:center}.mg-row.mg-m--bottom{align-items:flex-end}.mg-row.mg-m--stretch{align-items:stretch}.mg-row.mg-m--baseline{align-items:baseline}.mg-row.mg-m--reverse{flex-direction:row-reverse}.mg-col.mg-m--start{align-items:flex-start}.mg-col.mg-m--center{align-items:center}.mg-col.mg-m--end{align-items:flex-end}.mg-col.mg-m--around{justify-content:space-around}.mg-col.mg-m--between{justify-content:space-between}.mg-col.mg-m--evenly{justify-content:space-evenly}.mg-col.mg-m--top{justify-content:flex-start}.mg-col.mg-m--middle{justify-content:center}.mg-col.mg-m--bottom{justify-content:flex-end}.mg-col.mg-m--stretch{justify-content:stretch}.mg-col.mg-m--baseline{justify-content:baseline}.mg-col.mg-m--reverse{flex-direction:column-reverse}.mg-m--grow{flex:auto}.mg-m--ungrow{flex:0}}@media screen and (min-width:1025px){.mg-l1{flex-basis:8.33333%;max-width:8.33333%}.mg-l2{flex-basis:16.6667%;max-width:16.6667%}.mg-l3{flex-basis:25%;max-width:25%}.mg-l4{flex-basis:33.3333%;max-width:33.3333%}.mg-l5{flex-basis:41.6667%;max-width:41.6667%}.mg-l6{flex-basis:50%;max-width:50%}.mg-l7{flex-basis:58.3333%;max-width:58.3333%}.mg-l8{flex-basis:66.6667%;max-width:66.6667%}.mg-l9{flex-basis:75%;max-width:75%}.mg-l10{flex-basis:83.3333%;max-width:83.3333%}.mg-l11{flex-basis:91.6667%;max-width:91.6667%}.mg-l12{flex-basis:100%;max-width:100%}.mg-l--offset0{margin-left:0%}.mg-l--offset1{margin-left:8.33333%}.mg-l--offset2{margin-left:16.6667%}.mg-l--offset3{margin-left:25%}.mg-l--offset4{margin-left:33.3333%}.mg-l--offset5{margin-left:41.6667%}.mg-l--offset6{margin-left:50%}.mg-l--offset7{margin-left:58.3333%}.mg-l--offset8{margin-left:66.6667%}.mg-l--offset9{margin-left:75%}.mg-l--offset10{margin-left:83.3333%}.mg-l--offset11{margin-left:91.6667%}.mg-l--offset12{margin-left:100%}.mg-l--order0{order:0}.mg-l--order1{order:1}.mg-l--order2{order:2}.mg-l--order3{order:3}.mg-l--order4{order:4}.mg-l--order5{order:5}.mg-l--order6{order:6}.mg-l--order7{order:7}.mg-l--order8{order:8}.mg-l--order9{order:9}.mg-l--order10{order:10}.mg-l--order11{order:11}.mg-l--order12{order:12}.mg-row.mg-l--start{justify-content:flex-start}.mg-row.mg-l--center{justify-content:center}.mg-row.mg-l--end{justify-content:flex-end}.mg-row.mg-l--around{justify-content:space-around}.mg-row.mg-l--between{justify-content:space-between}.mg-row.mg-l--evenly{justify-content:space-evenly}.mg-row.mg-l--top{align-items:flex-start}.mg-row.mg-l--middle{align-items:center}.mg-row.mg-l--bottom{align-items:flex-end}.mg-row.mg-l--stretch{align-items:stretch}.mg-row.mg-l--baseline{align-items:baseline}.mg-row.mg-l--reverse{flex-direction:row-reverse}.mg-col.mg-l--start{align-items:flex-start}.mg-col.mg-l--center{align-items:center}.mg-col.mg-l--end{align-items:flex-end}.mg-col.mg-l--around{justify-content:space-around}.mg-col.mg-l--between{justify-content:space-between}.mg-col.mg-l--evenly{justify-content:space-evenly}.mg-col.mg-l--top{justify-content:flex-start}.mg-col.mg-l--middle{justify-content:center}.mg-col.mg-l--bottom{justify-content:flex-end}.mg-col.mg-l--stretch{justify-content:stretch}.mg-col.mg-l--baseline{justify-content:baseline}.mg-col.mg-l--reverse{flex-direction:column-reverse}.mg-l--grow{flex:auto}.mg-l--ungrow{flex:0}}@media screen and (min-width:1441px){.mg-xl1{flex-basis:8.33333%;max-width:8.33333%}.mg-xl2{flex-basis:16.6667%;max-width:16.6667%}.mg-xl3{flex-basis:25%;max-width:25%}.mg-xl4{flex-basis:33.3333%;max-width:33.3333%}.mg-xl5{flex-basis:41.6667%;max-width:41.6667%}.mg-xl6{flex-basis:50%;max-width:50%}.mg-xl7{flex-basis:58.3333%;max-width:58.3333%}.mg-xl8{flex-basis:66.6667%;max-width:66.6667%}.mg-xl9{flex-basis:75%;max-width:75%}.mg-xl10{flex-basis:83.3333%;max-width:83.3333%}.mg-xl11{flex-basis:91.6667%;max-width:91.6667%}.mg-xl12{flex-basis:100%;max-width:100%}.mg-xl--offset0{margin-left:0%}.mg-xl--offset1{margin-left:8.33333%}.mg-xl--offset2{margin-left:16.6667%}.mg-xl--offset3{margin-left:25%}.mg-xl--offset4{margin-left:33.3333%}.mg-xl--offset5{margin-left:41.6667%}.mg-xl--offset6{margin-left:50%}.mg-xl--offset7{margin-left:58.3333%}.mg-xl--offset8{margin-left:66.6667%}.mg-xl--offset9{margin-left:75%}.mg-xl--offset10{margin-left:83.3333%}.mg-xl--offset11{margin-left:91.6667%}.mg-xl--offset12{margin-left:100%}.mg-xl--order0{order:0}.mg-xl--order1{order:1}.mg-xl--order2{order:2}.mg-xl--order3{order:3}.mg-xl--order4{order:4}.mg-xl--order5{order:5}.mg-xl--order6{order:6}.mg-xl--order7{order:7}.mg-xl--order8{order:8}.mg-xl--order9{order:9}.mg-xl--order10{order:10}.mg-xl--order11{order:11}.mg-xl--order12{order:12}.mg-row.mg-xl--start{justify-content:flex-start}.mg-row.mg-xl--center{justify-content:center}.mg-row.mg-xl--end{justify-content:flex-end}.mg-row.mg-xl--around{justify-content:space-around}.mg-row.mg-xl--between{justify-content:space-between}.mg-row.mg-xl--evenly{justify-content:space-evenly}.mg-row.mg-xl--top{align-items:flex-start}.mg-row.mg-xl--middle{align-items:center}.mg-row.mg-xl--bottom{align-items:flex-end}.mg-row.mg-xl--stretch{align-items:stretch}.mg-row.mg-xl--baseline{align-items:baseline}.mg-row.mg-xl--reverse{flex-direction:row-reverse}.mg-col.mg-xl--start{align-items:flex-start}.mg-col.mg-xl--center{align-items:center}.mg-col.mg-xl--end{align-items:flex-end}.mg-col.mg-xl--around{justify-content:space-around}.mg-col.mg-xl--between{justify-content:space-between}.mg-col.mg-xl--evenly{justify-content:space-evenly}.mg-col.mg-xl--top{justify-content:flex-start}.mg-col.mg-xl--middle{justify-content:center}.mg-col.mg-xl--bottom{justify-content:flex-end}.mg-col.mg-xl--stretch{justify-content:stretch}.mg-col.mg-xl--baseline{justify-content:baseline}.mg-col.mg-xl--reverse{flex-direction:column-reverse}.mg-xl--grow{flex:auto}.mg-xl--ungrow{flex:0}}@media screen and (max-width:481px){.mg-s-hidden{display:none!important}}@media screen and (max-width:769px){.mg-m-hidden{display:none!important}}@media screen and (max-width:1025px){.mg-l-hidden{display:none!important}}@media screen and (max-width:1441px){.mg-xl-hidden{display:none!important}}@media screen and (min-width:481px){.mg-s-display{display:none!important}}@media screen and (min-width:769px){.mg-m-display{display:none!important}}@media screen and (min-width:1025px){.mg-l-display{display:none!important}}@media screen and (min-width:1441px){.mg-xl-display{display:none!important}}.mg-container{width:100%;max-width:1025px;margin-left:auto;margin-right:auto;padding-left:.8rem;padding-right:.8rem}.mg-container-fluid{width:100%;max-width:width auto;margin-left:auto;margin-right:auto;padding-left:.8rem;padding-right:.8rem}.mg-row{flex-flow:wrap;flex:0 auto;display:flex}.mg-gap0{gap:0}.mg-col-gap0{column-gap:0}.mg-row-gap0{row-gap:0}.mg-gap1{gap:1rem}.mg-col-gap1{column-gap:1rem}.mg-row-gap1{row-gap:1rem}.mg-gap2{gap:2rem}.mg-col-gap2{column-gap:2rem}.mg-row-gap2{row-gap:2rem}.mg-gap3{gap:3rem}.mg-col-gap3{column-gap:3rem}.mg-row-gap3{row-gap:3rem}.mg-gap4{gap:4rem}.mg-col-gap4{column-gap:4rem}.mg-row-gap4{row-gap:4rem}.mg-gap5{gap:5rem}.mg-col-gap5{column-gap:5rem}.mg-row-gap5{row-gap:5rem}.mg-gap6{gap:6rem}.mg-col-gap6{column-gap:6rem}.mg-row-gap6{row-gap:6rem}.mg-gap7{gap:7rem}.mg-col-gap7{column-gap:7rem}.mg-row-gap7{row-gap:7rem}.mg-gap8{gap:8rem}.mg-col-gap8{column-gap:8rem}.mg-row-gap8{row-gap:8rem}.mg-gap9{gap:9rem}.mg-col-gap9{column-gap:9rem}.mg-row-gap9{row-gap:9rem}.mg-gap10{gap:10rem}.mg-col-gap10{column-gap:10rem}.mg-row-gap10{row-gap:10rem}.mg-dropdown{margin-bottom:1rem;display:inline-block;position:relative}.mg-dropdown--content{width:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;box-shadow:var(--mg-control-shadow);opacity:0;visibility:hidden;background-color:var(--mg-color-initial);border:.15rem solid;border-color:var(--mg-color-quaternary);border-radius:var(--mg-control-radius);z-index:999;max-width:90vw;margin-left:auto;margin-right:auto;padding-top:1rem;padding-bottom:1rem;display:none;position:absolute;top:100%}.mg-dropdown--content>*{max-height:50vh;overflow-x:hidden;overflow-y:auto}.opened+.mg-dropdown--content{opacity:1;visibility:visible;display:block}.mg-tabs>ul{text-align:center;flex-wrap:nowrap;margin:0;list-style:none;display:flex;overflow-x:auto}.mg-tabs>ul>li>*{color:var(--mg-color-secondary);white-space:nowrap}.mg-tabs>ul>li{color:var(--mg-color-tertiary);opacity:.7;border-bottom:.3rem solid #0000;flex:none;font-weight:700}.mg-tabs>ul>li.active{color:var(--mg-color-primary);border-color:var(--mg-color-primary);opacity:1;overflow-y:hidden}.mg-tabs>ul>li:hover{color:var(--mg-color-secondary);border-color:var(--mg-color-tertiary);opacity:1;transition:all .3s}.mg-tabs--item{margin-left:.32rem;margin-right:.32rem;padding-left:.32rem;padding-right:.32rem}.mg-tabs--content{border-bottom:.15rem solid #0000;border-color:var(--mg-color-quaternary);clear:both;padding-bottom:1.6rem;display:none}.mg-select{height:calc(var(--mg-base-font-size)*2.5);vertical-align:top;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative}.mg-select>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;cursor:pointer;width:100%;padding-right:3rem}.mg-select:after{vertical-align:middle;box-sizing:border-box;content:"";pointer-events:none;transform-origin:50%;color:currentColor;border-top:0;border-bottom:.25rem solid;border-left:.25rem solid;border-right:0;width:.8rem;height:.8rem;margin-bottom:1.5rem;transition:all .2s;display:inline-block;position:absolute;top:calc(50% - 1.2rem);right:1rem;transform:rotate(-45deg)}.mg-alert{border-top-right-radius:var(--mg-control-radius);border-bottom-right-radius:var(--mg-control-radius);border-left:.3rem solid var(--mg-color-primary);background-color:var(--mg-color-quinary);margin-bottom:2.5rem;margin-left:0;margin-right:0;padding:1rem 1.5rem}.mg-alert.danger{border-left-color:var(--mg-color-red)}.mg-alert.success{border-left-color:var(--mg-color-green)}.mg-alert.warning{border-left-color:var(--mg-color-orange)}.mg-radio input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.mg-radio .mg-radio--icon{border-style:solid;border-color:var(--mg-color-quaternary);border-width:thin;border-radius:50%;width:2.4rem;height:2.4rem;transition:all .4s;position:absolute;top:calc(50% - 1.2rem);left:0}.mg-radio:hover input~.mg-radio--icon{background-color:var(--mg-color-secondary)}.mg-radio input:checked~.mg-radio--icon{background-color:var(--mg-color-primary)}.mg-radio .mg-radio--icon:after{background-color:var(--mg-color-light);content:"";border-radius:50%;width:.64rem;height:.64rem;display:none;position:absolute;top:.8rem;left:.8rem}.mg-radio input:checked~.mg-radio--icon:after{display:block}.mg-radio input:disabled~.mg-radio--icon{background-color:var(--mg-color-quinary)}.mg-radio input:focus~.mg-radio--icon{border-color:var(--mg-color-primary);border-style:dotted;border-width:thin}.mg-label--inline{font-weight:400}.mg-check input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.mg-check .mg-check--icon{border-style:solid;border-color:var(--mg-color-quaternary);border-width:thin;border-radius:.3rem;width:2.4rem;height:2.4rem;transition:all .3s;position:absolute;top:calc(50% - 1.2rem);left:0}.mg-check:hover input~.mg-check--icon{background-color:var(--mg-color-secondary)}.mg-check input:checked~.mg-check--icon{background-color:var(--mg-color-primary)}.mg-check .mg-check--icon:after{content:"";border:solid var(--mg-color-light);border-width:0 .25rem .3rem 0;width:.8rem;height:1.6rem;display:none;position:absolute;top:.16rem;left:.8rem;transform:rotate(45deg)}.mg-check input:checked~.mg-check--icon:after{display:block}.mg-check input:disabled~.mg-check--icon{background-color:var(--mg-color-quinary)}.mg-check input:focus~.mg-check--icon{border-color:var(--mg-color-primary);border-style:dotted;border-width:thin}.mg-nav ul{margin-top:0;margin-bottom:0;margin-left:0;padding:.5rem;overflow-y:auto}.mg-nav ul>li{color:var(--mg-color-secondary);border-bottom:.125rem solid var(--mg-color-quinary);flex-wrap:nowrap;align-items:center;margin:0;padding:.5rem;text-decoration:none;list-style-type:none;display:flex}.mg-nav ul>li.active{color:currentColor;border-left:.3rem solid var(--mg-color-primary);font-weight:700}.mg-nav.mg-nav--inline>ul>li.active{border:none;border-bottom:.3rem solid var(--mg-color-primary)}.mg-nav ul>li>a{cursor:pointer;width:100%;color:var(--mg-color-secondary);text-decoration:none}.mg-nav--inline ul>li{flex-wrap:nowrap;display:flex}.mg-nav li:hover{background-color:var(--mg-color-quinary)}.mg-nav--inline ul{flex-flow:row;align-items:baseline;display:flex;overflow-x:auto}.mg-nav--inline ul>li:not(.mg-right){float:left}.mg-group{flex-wrap:nowrap;justify-items:baseline;height:auto;display:inline-flex}.mg-group>select:first-child,.mg-group>input:first-child,.mg-group>button:first-child,.mg-group>textarea:first-child,.mg-group>.mg-button:first-child,.mg-group>.mg-dropdown:first-child>button,.mg-group>.mg-select:first-child>select{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.mg-group>select:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-dropdown:not(:-webkit-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:-moz-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:is(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-select:not(:-webkit-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:-moz-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:is(:first-child,:last-child))>select{border-radius:0}.mg-group>select:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-dropdown:not(:-webkit-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:-moz-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:is(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-select:not(:-webkit-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:-moz-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:is(:first-child,:last-child))>select{border-radius:0}.mg-group>select:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-dropdown:not(:-webkit-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:-moz-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:is(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-select:not(:-webkit-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:-moz-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:is(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:last-child>select,.mg-group>input:last-child,.mg-group>button:last-child,.mg-group>textarea:last-child,.mg-group>.mg-button:last-child,.mg-group>.mg-dropdown:last-child>button,.mg-group>select:last-child{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.mg-group .mg-group--outline{box-shadow:var(--mg-control-shadow)}.mg-modal--content{margin-left:auto;margin-right:auto;position:fixed}.mg-modal{visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1000;opacity:0;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;justify-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.mg-modal>.mg-modal--content{background-color:var(--mg-color-initial);border-radius:var(--mg-control-radius);color:var(--mg-color-secondary);z-index:2000;box-shadow:var(--mg-control-shadow);margin-top:0;padding:2rem 1.5rem}.mg-modal>.mg-modal--content>.mg-modal--body{max-height:80vh;overflow-y:auto}.mg-modal.mg-bottom>.mg-modal--content{border-bottom-right-radius:0;border-bottom-left-radius:0;bottom:0}.mg-modal.mg-top>.mg-modal--content{border-top-left-radius:0;border-top-right-radius:0;top:0}.mg-modal.mg-right>.mg-modal--content{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1rem;right:0}.mg-modal.mg-left>.mg-modal--content{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1rem;left:0}.mg-toggle{padding-left:5.6rem}.mg-toggle input{opacity:0;width:0;height:0;display:none;position:absolute}.mg-toggle .mg-icon-toggle{border-radius:var(--mg-control-radius);border-style:solid;border-color:var(--mg-color-quaternary);border-width:thin;width:4.8rem;height:2.72rem;transition:all .3s;position:absolute;top:calc(50% - 1.2rem);left:0}.mg-toggle input~.mg-icon-toggle{background-color:var(--mg-color-quaternary)}.mg-toggle input:checked~.mg-icon-toggle{background-color:var(--mg-color-primary)}.mg-toggle .mg-icon-toggle:after{border-radius:var(--mg-control-radius);content:"";background-color:var(--mg-color-light);width:2.24rem;height:2.08rem;box-shadow:var(--mg-control-shadow);border:none;transition:all .3s;position:absolute;top:.2rem;left:.2rem}.mg-toggle input:checked~.mg-icon-toggle:after{left:2.08rem}.mg-toggle input:disabled~.mg-icon-toggle{background-color:var(--mg-color-quinary);opacity:.6}.mg-toggle input:focus~.mg-icon-toggle{border-color:var(--mg-color-primary);border-style:dotted;border-width:thin}.mg-loader--loading{opacity:.7}.mg-loader:not(.mg-loader--loaded)~.mg-loader--result,.mg-loader:not(.mg-loader--loading)~.mg-loader--status,.mg-loader:not(.mg-loader--loaded) .mg-loader--result,.mg-loader:not(.mg-loader--loading) .mg-loader--status,.mg-loader--loading .mg-loader--result .mg-loader--loaded .mg-loader--status,.mg-loader--loading~.mg-loader--result .mg-loader--loaded~.mg-loader--status{display:none!important}.mg-timeline,.mg-timeline-inline{line-height:normal}.mg-timeline>ul{padding-left:3.6rem;list-style:none;position:relative}.mg-timeline>ul:before{content:"";width:1rem;height:100%;display:inline-block;position:absolute;top:0;left:1.5rem}.mg-timeline>ul li{counter-increment:list;margin-bottom:0;position:relative}.mg-timeline-inline>ul{flex-direction:row;list-style:none;display:flex}.mg-timeline-inline>ul li{border-top:.3rem solid var(--mg-color-quaternary);flex:1 1 0}.mg-timeline>ul li:not(:last-child){padding-bottom:1rem}.mg-timeline>ul li:before{content:"";border-left:.3rem solid var(--mg-color-quaternary);width:1rem;height:100%;display:inline-block;position:absolute;left:-3rem}.mg-timeline-inline>ul li:before{content:"";vertical-align:text-top;border:.3rem solid var(--mg-color-quaternary);background-color:var(--mg-color-initial);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-block;position:relative;bottom:.9rem;left:0}.mg-timeline>ul li:last-child:before{border-color:none}.mg-timeline>ul li:after{content:"";border:.3rem solid var(--mg-color-quaternary);background-color:var(--mg-color-initial);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-block;position:absolute;top:0;left:-3.6rem}.mg-timeline>ul li.active:before{border-left:.3rem solid var(--mg-color-primary)}.mg-timeline>ul li:last-of-type:before{border-left:.3rem solid #0000!important}.mg-timeline>ul li.active:after{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);text-align:center;border:.3rem solid var(--mg-color-primary);background-color:var(--mg-color-primary)}.mg-timeline>ul li.current:after{border:.3rem solid var(--mg-color-primary);border-radius:50%;width:1.5rem;height:1.5rem;left:-3.6rem}.mg-timeline-inline>ul li.active{border-color:var(--mg-color-primary)}.mg-timeline-inline>ul li.active:before{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);text-align:center;border-color:var(--mg-color-primary);background-color:var(--mg-color-primary)}.mg-timeline-inline>ul li.current:before{border:.3rem solid var(--mg-color-primary);border-radius:50%}.mg-timeline-inline>ul li:last-of-type{border-top:.3rem solid #0000;flex:0 auto}.mg-badge{border-radius:var(--mg-control-radius);letter-spacing:.1rem;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:var(--mg-color-primary);color:var(--mg-color-light);margin-bottom:.5rem;padding:.5rem 1rem;font-weight:700;display:inline-block}.mg-badge.success{background-color:var(--mg-color-green)}.mg-badge.warning{background-color:var(--mg-color-orange)}.mg-badge.danger{background-color:var(--mg-color-red)}.mg-text-justify{text-align:justify}.mg-text-nowrap{white-space:nowrap}.mg-text-lowercase{text-transform:lowercase}.mg-text-uppercase{text-transform:uppercase}.mg-text-capitalize{text-transform:capitalize}.mg-text-underline{text-decoration:underline}.mg-text-linethrough{text-decoration:line-through}.mg-text-overline{text-decoration:overline}.mg-text-none{text-decoration:none}.mg-text-break{word-break:break-all}.mg-text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mg-text-clip{text-overflow:clip;white-space:nowrap;overflow:hidden}.mg-text-s{font-size:calc(var(--mg-base-font-size)*.2 + 1rem)}.mg-text-m{font-size:calc(var(--mg-base-font-size))}.mg-text-l{font-size:calc(var(--mg-base-font-size)*1.1)}.mg-text-xl{font-size:calc(var(--mg-base-font-size)*1.3)}.mg-text-2xl{font-size:calc(var(--mg-base-font-size)*1.5)}.mg-text-3xl{font-size:calc(var(--mg-base-font-size)*2)}.mg-text-4xl{font-size:calc(var(--mg-base-font-size)*2.4)}.mg-text-5xl{font-size:calc(var(--mg-base-font-size)*3.5)}.mg-text-bold{font-weight:700}.mg-text-bolder{font-weight:bolder}.mg-text-lighter{font-weight:lighter}.mg-collapse:not(.opened)+.mg-collapse--content{display:none}.mg-progress{background-color:var(--mg-color-quinary);border-radius:var(--mg-control-radius);width:100%;height:calc(var(--mg-base-font-size)*.2 + 1rem);margin-bottom:1.2rem;display:inline-block}.mg-progress>.mg-progress--bar{border-radius:var(--mg-control-radius);background-color:var(--mg-color-primary);height:100%}.mg-initial{color:var(--mg-color-initial)}.mg-primary{color:var(--mg-color-primary)}.mg-secondary{color:var(--mg-color-secondary)}.mg-tertiary{color:var(--mg-color-tertiary)}.mg-quaternary{color:var(--mg-color-quaternary)}.mg-quinary{color:var(--mg-color-quinary)}.mg-warning{color:var(--mg-color-orange)}.mg-danger{color:var(--mg-color-red)}.mg-success{color:var(--mg-color-green)}.mg-light{color:var(--mg-color-light)}.mg-dark{color:var(--mg-color-dark)}.mg-blue{color:var(--mg-color-blue)}.mg-red{color:var(--mg-color-red)}.mg-green{color:var(--mg-color-green)}.mg-orange{color:var(--mg-color-orange)}.mg-bg-initial{background-color:var(--mg-color-initial)}.mg-bg-primary{background-color:var(--mg-color-primary)}.mg-bg-secondary{background-color:var(--mg-color-secondary)}.mg-bg-tertiary{background-color:var(--mg-color-tertiary)}.mg-bg-quaternary{background-color:var(--mg-color-quaternary)}.mg-bg-quinary{background-color:var(--mg-color-quinary)}.mg-bg-warning{background-color:var(--mg-color-orange)}.mg-bg-danger{background-color:var(--mg-color-red)}.mg-bg-success{background-color:var(--mg-color-green)}.mg-bg-light{background-color:var(--mg-color-light)}.mg-bg-dark{background-color:var(--mg-color-dark)}.mg-bg-blue{background-color:var(--mg-color-blue)}.mg-bg-red{background-color:var(--mg-color-red)}.mg-bg-green{background-color:var(--mg-color-green)}.mg-bg-orange{background-color:var(--mg-color-orange)}.mg-border-initial{border-color:var(--mg-color-initial)}.mg-border-primary{border-color:var(--mg-color-primary)}.mg-border-secondary{border-color:var(--mg-color-secondary)}.mg-border-tertiary{border-color:var(--mg-color-tertiary)}.mg-border-quaternary{border-color:var(--mg-color-quaternary)}.mg-border-quinary{border-color:var(--mg-color-quinary)}.mg-border-warning{border-color:var(--mg-color-orange)}.mg-border-danger{border-color:var(--mg-color-red)}.mg-border-success{border-color:var(--mg-color-green)}.mg-border-light{border-color:var(--mg-color-light)}.mg-border-dark{border-color:var(--mg-color-dark)}.mg-border-blue{border-color:var(--mg-color-blue)}.mg-border-red{border-color:var(--mg-color-red)}.mg-border-green{border-color:var(--mg-color-green)}.mg-border-orange{border-color:var(--mg-color-orange)}.mg-pad0{padding:0}.mg-pad-l0{padding-left:0}.mg-pad-r0{padding-right:0}.mg-pad-t0{padding-top:0}.mg-pad-b0{padding-bottom:0}.mg-marg0{margin:0}.mg-marg-l0{margin-left:0}.mg-marg-r0{margin-right:0}.mg-marg-t0{margin-top:0}.mg-marg-b0{margin-bottom:0}.mg-pad1{padding:1rem}.mg-pad-l1{padding-left:1rem}.mg-pad-r1{padding-right:1rem}.mg-pad-t1{padding-top:1rem}.mg-pad-b1{padding-bottom:1rem}.mg-marg1{margin:1rem}.mg-marg-l1{margin-left:1rem}.mg-marg-r1{margin-right:1rem}.mg-marg-t1{margin-top:1rem}.mg-marg-b1{margin-bottom:1rem}.mg-pad2{padding:2rem}.mg-pad-l2{padding-left:2rem}.mg-pad-r2{padding-right:2rem}.mg-pad-t2{padding-top:2rem}.mg-pad-b2{padding-bottom:2rem}.mg-marg2{margin:2rem}.mg-marg-l2{margin-left:2rem}.mg-marg-r2{margin-right:2rem}.mg-marg-t2{margin-top:2rem}.mg-marg-b2{margin-bottom:2rem}.mg-pad3{padding:3rem}.mg-pad-l3{padding-left:3rem}.mg-pad-r3{padding-right:3rem}.mg-pad-t3{padding-top:3rem}.mg-pad-b3{padding-bottom:3rem}.mg-marg3{margin:3rem}.mg-marg-l3{margin-left:3rem}.mg-marg-r3{margin-right:3rem}.mg-marg-t3{margin-top:3rem}.mg-marg-b3{margin-bottom:3rem}.mg-pad4{padding:4rem}.mg-pad-l4{padding-left:4rem}.mg-pad-r4{padding-right:4rem}.mg-pad-t4{padding-top:4rem}.mg-pad-b4{padding-bottom:4rem}.mg-marg4{margin:4rem}.mg-marg-l4{margin-left:4rem}.mg-marg-r4{margin-right:4rem}.mg-marg-t4{margin-top:4rem}.mg-marg-b4{margin-bottom:4rem}.mg-pad5{padding:5rem}.mg-pad-l5{padding-left:5rem}.mg-pad-r5{padding-right:5rem}.mg-pad-t5{padding-top:5rem}.mg-pad-b5{padding-bottom:5rem}.mg-marg5{margin:5rem}.mg-marg-l5{margin-left:5rem}.mg-marg-r5{margin-right:5rem}.mg-marg-t5{margin-top:5rem}.mg-marg-b5{margin-bottom:5rem}.mg-pad6{padding:6rem}.mg-pad-l6{padding-left:6rem}.mg-pad-r6{padding-right:6rem}.mg-pad-t6{padding-top:6rem}.mg-pad-b6{padding-bottom:6rem}.mg-marg6{margin:6rem}.mg-marg-l6{margin-left:6rem}.mg-marg-r6{margin-right:6rem}.mg-marg-t6{margin-top:6rem}.mg-marg-b6{margin-bottom:6rem}.mg-pad7{padding:7rem}.mg-pad-l7{padding-left:7rem}.mg-pad-r7{padding-right:7rem}.mg-pad-t7{padding-top:7rem}.mg-pad-b7{padding-bottom:7rem}.mg-marg7{margin:7rem}.mg-marg-l7{margin-left:7rem}.mg-marg-r7{margin-right:7rem}.mg-marg-t7{margin-top:7rem}.mg-marg-b7{margin-bottom:7rem}.mg-pad8{padding:8rem}.mg-pad-l8{padding-left:8rem}.mg-pad-r8{padding-right:8rem}.mg-pad-t8{padding-top:8rem}.mg-pad-b8{padding-bottom:8rem}.mg-marg8{margin:8rem}.mg-marg-l8{margin-left:8rem}.mg-marg-r8{margin-right:8rem}.mg-marg-t8{margin-top:8rem}.mg-marg-b8{margin-bottom:8rem}.mg-pad9{padding:9rem}.mg-pad-l9{padding-left:9rem}.mg-pad-r9{padding-right:9rem}.mg-pad-t9{padding-top:9rem}.mg-pad-b9{padding-bottom:9rem}.mg-marg9{margin:9rem}.mg-marg-l9{margin-left:9rem}.mg-marg-r9{margin-right:9rem}.mg-marg-t9{margin-top:9rem}.mg-marg-b9{margin-bottom:9rem}.mg-pad10{padding:10rem}.mg-pad-l10{padding-left:10rem}.mg-pad-r10{padding-right:10rem}.mg-pad-t10{padding-top:10rem}.mg-pad-b10{padding-bottom:10rem}.mg-marg10{margin:10rem}.mg-marg-l10{margin-left:10rem}.mg-marg-r10{margin-right:10rem}.mg-marg-t10{margin-top:10rem}.mg-marg-b10{margin-bottom:10rem}.mg-marg-auto{margin:auto}.mg-fit{min-width:100%}.mg-fixed-top{z-index:999;position:fixed;top:0;left:0}.mg-fixed-bottom{z-index:999;position:fixed;bottom:0;left:0}.mg-valign-middle{vertical-align:middle}.mg-relative{position:relative}.mg-absolute{position:absolute}.mg-fixed{position:fixed}.mg-static{position:static}.mg-sticky{position:-webkit-sticky;position:sticky}.mg-top{top:0}.mg-bottom{bottom:0}.mg-right{float:right;right:0}.mg-left{float:left;left:0}.mg-center{left:50%;transform:translate(-50%)}.mg-middle{top:50%;transform:translateY(-50%)}.mg-top-left{top:0;left:0}.mg-top-right{top:0;right:0}.mg-bottom-left{bottom:0;left:0}.mg-bottom-right{bottom:0;right:0}.mg-text-center{text-align:center}.mg-text-right{text-align:right}.mg-text-left{text-align:left}.mg-top0vh{width:0%vh}.mg-left0vh{height:0%vh}.mg-right0vh{min-width:0%vh}.mg-bottom0vh{min-height:0%vh}.mg-top10vh{width:10%vh}.mg-left10vh{height:10%vh}.mg-right10vh{min-width:10%vh}.mg-bottom10vh{min-height:10%vh}.mg-top20vh{width:20%vh}.mg-left20vh{height:20%vh}.mg-right20vh{min-width:20%vh}.mg-bottom20vh{min-height:20%vh}.mg-top30vh{width:30%vh}.mg-left30vh{height:30%vh}.mg-right30vh{min-width:30%vh}.mg-bottom30vh{min-height:30%vh}.mg-top40vh{width:40%vh}.mg-left40vh{height:40%vh}.mg-right40vh{min-width:40%vh}.mg-bottom40vh{min-height:40%vh}.mg-top50vh{width:50%vh}.mg-left50vh{height:50%vh}.mg-right50vh{min-width:50%vh}.mg-bottom50vh{min-height:50%vh}.mg-top60vh{width:60%vh}.mg-left60vh{height:60%vh}.mg-right60vh{min-width:60%vh}.mg-bottom60vh{min-height:60%vh}.mg-top70vh{width:70%vh}.mg-left70vh{height:70%vh}.mg-right70vh{min-width:70%vh}.mg-bottom70vh{min-height:70%vh}.mg-top80vh{width:80%vh}.mg-left80vh{height:80%vh}.mg-right80vh{min-width:80%vh}.mg-bottom80vh{min-height:80%vh}.mg-top90vh{width:90%vh}.mg-left90vh{height:90%vh}.mg-right90vh{min-width:90%vh}.mg-bottom90vh{min-height:90%vh}.mg-top100vh{width:100%vh}.mg-left100vh{height:100%vh}.mg-right100vh{min-width:100%vh}.mg-bottom100vh{min-height:100%vh}.mg-top0{top:0}.mg-left0{left:0}.mg-right0{right:0}.mg-bottom0{bottom:0}.mg-top1{top:1rem}.mg-left1{left:1rem}.mg-right1{right:1rem}.mg-bottom1{bottom:1rem}.mg-top2{top:2rem}.mg-left2{left:2rem}.mg-right2{right:2rem}.mg-bottom2{bottom:2rem}.mg-top3{top:3rem}.mg-left3{left:3rem}.mg-right3{right:3rem}.mg-bottom3{bottom:3rem}.mg-top4{top:4rem}.mg-left4{left:4rem}.mg-right4{right:4rem}.mg-bottom4{bottom:4rem}.mg-top5{top:5rem}.mg-left5{left:5rem}.mg-right5{right:5rem}.mg-bottom5{bottom:5rem}.mg-top6{top:6rem}.mg-left6{left:6rem}.mg-right6{right:6rem}.mg-bottom6{bottom:6rem}.mg-top7{top:7rem}.mg-left7{left:7rem}.mg-right7{right:7rem}.mg-bottom7{bottom:7rem}.mg-top8{top:8rem}.mg-left8{left:8rem}.mg-right8{right:8rem}.mg-bottom8{bottom:8rem}.mg-top9{top:9rem}.mg-left9{left:9rem}.mg-right9{right:9rem}.mg-bottom9{bottom:9rem}.mg-top10{top:10rem}.mg-left10{left:10rem}.mg-right10{right:10rem}.mg-bottom10{bottom:10rem}.mg-top-none{top:0%}.mg-top-half{top:50%}.mg-top-full{top:100%}.mg-left-none{left:0%}.mg-left-half{left:50%}.mg-left-full{left:100%}.mg-right-none{right:0%}.mg-right-half{right:50%}.mg-right-full{right:100%}.mg-bottom-none{bottom:0%}.mg-bottom-half{bottom:50%}.mg-bottom-full{bottom:100%}.mg-z0{z-index:1}.mg-z1{z-index:100}.mg-z2{z-index:200}.mg-z3{z-index:300}.mg-z4{z-index:400}.mg-z5{z-index:500}.mg-z-max{z-index:999}.mg-w-none{width:0%}.mg-w-half{width:50%}.mg-w-full{width:100%}.mg-h-none{height:0%}.mg-h-half{height:50%}.mg-h-full{height:100%}.mg-min-w-none{min-width:0%}.mg-min-w-half{min-width:50%}.mg-min-w-full{min-width:100%}.mg-min-h-none{min-height:0%}.mg-min-h-half{min-height:50%}.mg-min-h-full{min-height:100%}.mg-max-w-none{max-width:0%}.mg-max-w-half{max-width:50%}.mg-max-w-full{max-width:100%}.mg-max-h-none{max-height:0%}.mg-max-h-half{max-height:50%}.mg-max-h-full{max-height:100%}.mg-w0vh{width:0}.mg-h0vh{height:0}.mg-min-w0vh{min-width:0}.mg-min-h0vh{min-height:0}.mg-max-w0vh{max-width:0}.mg-max-h0vh{max-height:0}.mg-w10vh{width:10vh}.mg-h10vh{height:10vh}.mg-min-w10vh{min-width:10vh}.mg-min-h10vh{min-height:10vh}.mg-max-w10vh{max-width:10vh}.mg-max-h10vh{max-height:10vh}.mg-w20vh{width:20vh}.mg-h20vh{height:20vh}.mg-min-w20vh{min-width:20vh}.mg-min-h20vh{min-height:20vh}.mg-max-w20vh{max-width:20vh}.mg-max-h20vh{max-height:20vh}.mg-w30vh{width:30vh}.mg-h30vh{height:30vh}.mg-min-w30vh{min-width:30vh}.mg-min-h30vh{min-height:30vh}.mg-max-w30vh{max-width:30vh}.mg-max-h30vh{max-height:30vh}.mg-w40vh{width:40vh}.mg-h40vh{height:40vh}.mg-min-w40vh{min-width:40vh}.mg-min-h40vh{min-height:40vh}.mg-max-w40vh{max-width:40vh}.mg-max-h40vh{max-height:40vh}.mg-w50vh{width:50vh}.mg-h50vh{height:50vh}.mg-min-w50vh{min-width:50vh}.mg-min-h50vh{min-height:50vh}.mg-max-w50vh{max-width:50vh}.mg-max-h50vh{max-height:50vh}.mg-w60vh{width:60vh}.mg-h60vh{height:60vh}.mg-min-w60vh{min-width:60vh}.mg-min-h60vh{min-height:60vh}.mg-max-w60vh{max-width:60vh}.mg-max-h60vh{max-height:60vh}.mg-w70vh{width:70vh}.mg-h70vh{height:70vh}.mg-min-w70vh{min-width:70vh}.mg-min-h70vh{min-height:70vh}.mg-max-w70vh{max-width:70vh}.mg-max-h70vh{max-height:70vh}.mg-w80vh{width:80vh}.mg-h80vh{height:80vh}.mg-min-w80vh{min-width:80vh}.mg-min-h80vh{min-height:80vh}.mg-max-w80vh{max-width:80vh}.mg-max-h80vh{max-height:80vh}.mg-w90vh{width:90vh}.mg-h90vh{height:90vh}.mg-min-w90vh{min-width:90vh}.mg-min-h90vh{min-height:90vh}.mg-max-w90vh{max-width:90vh}.mg-max-h90vh{max-height:90vh}.mg-w100vh{width:100vh}.mg-h100vh{height:100vh}.mg-min-w100vh{min-width:100vh}.mg-min-h100vh{min-height:100vh}.mg-max-w100vh{max-width:100vh}.mg-max-h100vh{max-height:100vh}.mg-h0{height:0}.mg-w0{width:0}.mg-min-h0{min-height:0}.mg-max-h0{max-height:0}.mg-min-w0{min-width:0}.mg-max-w0{max-width:0}.mg-h1{height:1rem}.mg-w1{width:1rem}.mg-min-h1{min-height:1rem}.mg-max-h1{max-height:1rem}.mg-min-w1{min-width:1rem}.mg-max-w1{max-width:1rem}.mg-h2{height:2rem}.mg-w2{width:2rem}.mg-min-h2{min-height:2rem}.mg-max-h2{max-height:2rem}.mg-min-w2{min-width:2rem}.mg-max-w2{max-width:2rem}.mg-h3{height:3rem}.mg-w3{width:3rem}.mg-min-h3{min-height:3rem}.mg-max-h3{max-height:3rem}.mg-min-w3{min-width:3rem}.mg-max-w3{max-width:3rem}.mg-h4{height:4rem}.mg-w4{width:4rem}.mg-min-h4{min-height:4rem}.mg-max-h4{max-height:4rem}.mg-min-w4{min-width:4rem}.mg-max-w4{max-width:4rem}.mg-h5{height:5rem}.mg-w5{width:5rem}.mg-min-h5{min-height:5rem}.mg-max-h5{max-height:5rem}.mg-min-w5{min-width:5rem}.mg-max-w5{max-width:5rem}.mg-h6{height:6rem}.mg-w6{width:6rem}.mg-min-h6{min-height:6rem}.mg-max-h6{max-height:6rem}.mg-min-w6{min-width:6rem}.mg-max-w6{max-width:6rem}.mg-h7{height:7rem}.mg-w7{width:7rem}.mg-min-h7{min-height:7rem}.mg-max-h7{max-height:7rem}.mg-min-w7{min-width:7rem}.mg-max-w7{max-width:7rem}.mg-h8{height:8rem}.mg-w8{width:8rem}.mg-min-h8{min-height:8rem}.mg-max-h8{max-height:8rem}.mg-min-w8{min-width:8rem}.mg-max-w8{max-width:8rem}.mg-h9{height:9rem}.mg-w9{width:9rem}.mg-min-h9{min-height:9rem}.mg-max-h9{max-height:9rem}.mg-min-w9{min-width:9rem}.mg-max-w9{max-width:9rem}.mg-h10{height:10rem}.mg-w10{width:10rem}.mg-min-h10{min-height:10rem}.mg-max-h10{max-height:10rem}.mg-min-w10{min-width:10rem}.mg-max-w10{max-width:10rem}.mg-box-border{box-sizing:border-box}.mg-box-content{box-sizing:content-box}.mg-block{display:block}.mg-inline-block{display:inline-block}.mg-inline-flex{display:inline-flex}.mg-inline{display:inline}.mg-none{display:none}.mg-show{opacity:1;visibility:visible}.mg-clearfix{transform:scale(1)}.mg-clearfix:after,.mg-clearfix:before{content:"";display:table}.mg-clearfix:after{clear:both}.mg-shadow{box-shadow:var(--mg-control-shadow)}.mg-overflow-auto{overflow:auto}.mg-overflow-hidden{overflow:hidden}.mg-overflow-x-auto{overflow-x:auto}.mg-overflow-y-auto{overflow-y:auto}.mg-overflow-x-hidden{overflow-x:hidden}.mg-overflow-y-hidden{overflow-y:hidden}.mg-visible{visibility:visible}.mg-hidden{visibility:hidden}.mg-rounded{border-radius:var(--mg-control-radius)}.mg-rounded0{border-radius:0}.mg-rounded-tl0{border-top-left-radius:0}.mg-rounded-tr0{border-top-right-radius:0}.mg-rounded-br0{border-bottom-right-radius:0}.mg-rounded-bl0{border-bottom-left-radius:0}.mg-rounded1{border-radius:1rem}.mg-rounded-tl1{border-top-left-radius:1rem}.mg-rounded-tr1{border-top-right-radius:1rem}.mg-rounded-br1{border-bottom-right-radius:1rem}.mg-rounded-bl1{border-bottom-left-radius:1rem}.mg-rounded2{border-radius:2rem}.mg-rounded-tl2{border-top-left-radius:2rem}.mg-rounded-tr2{border-top-right-radius:2rem}.mg-rounded-br2{border-bottom-right-radius:2rem}.mg-rounded-bl2{border-bottom-left-radius:2rem}.mg-rounded3{border-radius:3rem}.mg-rounded-tl3{border-top-left-radius:3rem}.mg-rounded-tr3{border-top-right-radius:3rem}.mg-rounded-br3{border-bottom-right-radius:3rem}.mg-rounded-bl3{border-bottom-left-radius:3rem}.mg-rounded4{border-radius:4rem}.mg-rounded-tl4{border-top-left-radius:4rem}.mg-rounded-tr4{border-top-right-radius:4rem}.mg-rounded-br4{border-bottom-right-radius:4rem}.mg-rounded-bl4{border-bottom-left-radius:4rem}.mg-rounded5{border-radius:5rem}.mg-rounded-tl5{border-top-left-radius:5rem}.mg-rounded-tr5{border-top-right-radius:5rem}.mg-rounded-br5{border-bottom-right-radius:5rem}.mg-rounded-bl5{border-bottom-left-radius:5rem}.mg-rounded6{border-radius:6rem}.mg-rounded-tl6{border-top-left-radius:6rem}.mg-rounded-tr6{border-top-right-radius:6rem}.mg-rounded-br6{border-bottom-right-radius:6rem}.mg-rounded-bl6{border-bottom-left-radius:6rem}.mg-rounded7{border-radius:7rem}.mg-rounded-tl7{border-top-left-radius:7rem}.mg-rounded-tr7{border-top-right-radius:7rem}.mg-rounded-br7{border-bottom-right-radius:7rem}.mg-rounded-bl7{border-bottom-left-radius:7rem}.mg-rounded8{border-radius:8rem}.mg-rounded-tl8{border-top-left-radius:8rem}.mg-rounded-tr8{border-top-right-radius:8rem}.mg-rounded-br8{border-bottom-right-radius:8rem}.mg-rounded-bl8{border-bottom-left-radius:8rem}.mg-rounded9{border-radius:9rem}.mg-rounded-tl9{border-top-left-radius:9rem}.mg-rounded-tr9{border-top-right-radius:9rem}.mg-rounded-br9{border-bottom-right-radius:9rem}.mg-rounded-bl9{border-bottom-left-radius:9rem}.mg-rounded10{border-radius:10rem}.mg-rounded-tl10{border-top-left-radius:10rem}.mg-rounded-tr10{border-top-right-radius:10rem}.mg-rounded-br10{border-bottom-right-radius:10rem}.mg-rounded-bl10{border-bottom-left-radius:10rem}.mg-rounded-none{border-radius:0%}.mg-rounded-half{border-radius:50%}.mg-rounded-full{border-radius:100%}.mg-border{border-style:solid;border-width:.12rem}.mg-border-thin{border-style:solid;border-width:.07rem}.mg-border-bold{border-style:solid;border-width:.19rem}.mg-border-bolder{border-style:solid;border-width:.31rem}.mg-icon{box-sizing:content-box;font-size:inherit;text-indent:-9999rem;vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;margin-left:.4rem;margin-right:.4rem;font-style:normal;display:inline-block;position:relative}.mg-icon:before,.mg-icon:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mg-icon.mg-icon--s{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);min-width:calc(var(--mg-base-font-size)*.2 + 1rem);min-height:calc(var(--mg-base-font-size)*.2 + 1rem)}.mg-icon.mg-icon--m{font-size:calc(var(--mg-base-font-size));min-width:calc(var(--mg-base-font-size));min-height:calc(var(--mg-base-font-size))}.mg-icon.mg-icon--l{font-size:calc(var(--mg-base-font-size)*1.1);min-width:calc(var(--mg-base-font-size)*1.1);min-height:calc(var(--mg-base-font-size)*1.1)}.mg-icon.mg-icon--xl{font-size:calc(var(--mg-base-font-size)*1.3);min-width:calc(var(--mg-base-font-size)*1.3);min-height:calc(var(--mg-base-font-size)*1.3)}.mg-icon.mg-icon--2xl{font-size:calc(var(--mg-base-font-size)*1.5);min-width:calc(var(--mg-base-font-size)*1.5);min-height:calc(var(--mg-base-font-size)*1.5)}.mg-icon.mg-icon--3xl{font-size:calc(var(--mg-base-font-size)*2);min-width:calc(var(--mg-base-font-size)*2);min-height:calc(var(--mg-base-font-size)*2)}.mg-icon.mg-icon--4xl{font-size:calc(var(--mg-base-font-size)*2.4);min-width:calc(var(--mg-base-font-size)*2.4);min-height:calc(var(--mg-base-font-size)*2.4)}.mg-icon.mg-icon--5xl{font-size:calc(var(--mg-base-font-size)*3.5);min-width:calc(var(--mg-base-font-size)*3.5);min-height:calc(var(--mg-base-font-size)*3.5)}.icon-rounded-check:before,.icon-check:before{border-top:0;border-bottom:.2rem solid;border-left:.2rem solid;border-right:0;width:1.12rem;height:.8rem;transform:translate(-50%,-.6rem)rotate(-45deg)}.icon-rounded-check{border:.2rem solid;border-radius:50%;padding:.1rem}.icon-close:before{background:currentColor;width:100%;height:.2rem}.icon-close:after{background:currentColor;width:.2rem;height:100%}.icon-close:before,.icon-close:after{transform:translate(-50%,-50%)rotate(45deg)}.icon-minus:before,.icon-plus:before{background:currentColor;width:100%;height:.2rem}.icon-plus:after{background:currentColor;width:.2rem;height:100%}.icon-spinner{border:.2rem solid;border-top-color:#0000;border-radius:50%;animation:1s linear infinite mg-rotate}.icon-spinner:before{background:currentColor}.icon-stop{border:.2rem solid;border-radius:50%}.icon-stop:after,.icon-stop:before{content:"";box-sizing:border-box;text-align:center;background:currentColor;border-radius:80.17rem;width:.25rem;margin-top:25%;display:block;position:absolute}.icon-stop:after{height:40%;top:.25rem}.icon-stop:before{height:.25rem;bottom:.25rem}.icon-search:before{border:.2rem solid;border-radius:100%;width:60%;height:60%;top:40%}.icon-search:after{content:"";background:currentColor;border-radius:.187rem;width:.25rem;height:40%;position:absolute;top:65%;left:20%;transform:rotate(30deg)}.icon-arrow-down:before,.icon-arrow-left:before,.icon-arrow-right:before,.icon-arrow-up:before,.icon-downward:before,.icon-back:before,.icon-forward:before,.icon-upward:before{border:0;border-top:.2rem solid;border-left:.2rem solid;width:1.04rem;height:1.04rem}.icon-arrow-down:before{transform:translate(-50%,-75%)rotate(225deg)}.icon-arrow-left:before{transform:translate(-25%,-50%)rotate(-45deg)}.icon-arrow-right:before{transform:translate(-75%,-50%)rotate(135deg)}.icon-arrow-up:before{transform:translate(-50%,-25%)rotate(45deg)}.icon-back:after,.icon-forward:after{background:currentColor;width:1.28rem;height:.2rem}.icon-downward:after,.icon-upward:after{background:currentColor;width:.2rem;height:1.28rem}.icon-back:after{left:55%}.icon-back:before{transform:translate(-50%,-50%)rotate(-45deg)}.icon-downward:after{top:45%}.icon-downward:before{transform:translate(-50%,-50%)rotate(-135deg)}.icon-forward:after{left:45%}.icon-forward:before{transform:translate(-50%,-50%)rotate(135deg)}.icon-upward:after{top:55%}.icon-upward:before{transform:translate(-50%,-50%)rotate(45deg)}.icon-caret:before{border-top:.48rem solid;border-left:.48rem solid #0000;border-right:.48rem solid #0000;width:0;height:0;transform:translate(-50%,-25%)}.icon-menu:before{background:currentColor;border:.0666667rem solid;width:75%;box-shadow:0 -.6rem,0 .6rem}.icon-apps:before{background:currentColor;width:.32rem;height:.32rem;box-shadow:-.56rem -.56rem,-.56rem 0,-.56rem .56rem,0 -.56rem,0 .56rem,.56rem -.56rem,.56rem 0,.56rem .56rem}.icon-more-inline:before,.icon-more:before{background:currentColor;border-radius:50%;width:.32rem;height:.32rem;box-shadow:-.64rem 0,.64rem 0}.icon-more:before{box-shadow:0 -.64rem,0 .64rem}
\ No newline at end of file
+/*! mgplus.css v0.0.0-local-env | MIT License | github.com/mgpluscss/mgplus */
+:root{--mg-color-dark:#0d0d0d;--mg-color-light:#f2f2f2;--mg-color-primary:#475dca;--mg-control-radius:1rem;--mg-input-radius:1rem;--mg-color-red:#dc3545;--mg-color-orange:#fd7e14;--mg-color-blue:#007bff;--mg-color-green:#28a745;--mg-control-shadow:0 0 2px #0003,0 3px 4px #00000026;--mg-control-active-shadow:inset 0 0 100px 100px #0000001a;--mg-base-font-size:1.6rem;--mg-color-initial:var(--mg-color-light);--mg-color-secondary:#333;--mg-color-tertiary:#666;--mg-color-quaternary:#999;--mg-color-quinary:#e6e6e6;--mg-dark-color-initial:var(--mg-color-dark);--mg-dark-color-secondary:#ccc;--mg-dark-color-tertiary:#b3b3b3;--mg-dark-color-quaternary:gray;--mg-dark-color-quinary:#404040;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mg-hidden-light{display:none}.mg-theme--dark,:root[data-theme=dark]{--mg-color-initial:var(--mg-dark-color-initial);--mg-color-secondary:var(--mg-dark-color-secondary);--mg-color-tertiary:var(--mg-dark-color-tertiary);--mg-color-quaternary:var(--mg-dark-color-quaternary);--mg-color-quinary:var(--mg-dark-color-quinary);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mg-theme--dark .mg-hidden-dark,:root[data-theme=dark] .mg-hidden-dark{display:none}.mg-theme--dark .mg-hidden-light,:root[data-theme=dark] .mg-hidden-light{display:block}.mg-theme--light,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mg-theme--light .mg-hidden-light,:root[data-theme=light] .mg-hidden-light{display:none}.mg-theme--light .mg-hidden-dark,:root[data-theme=light] .mg-hidden-dark{display:block}*,:after,:before{box-sizing:inherit}html,body{box-sizing:border-box;font-size:65%;overflow-x:hidden}body{background-color:var(--mg-color-initial);color:var(--mg-color-secondary);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--mg-base-font-size);letter-spacing:.016rem;margin:0;font-weight:300;line-height:1.6}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:calc(var(--mg-base-font-size))}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp{font-family:monospace;font-size:calc(var(--mg-base-font-size))}small{font-size:calc(var(--mg-base-font-size)*.2 + 1rem)}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.4rem}sup{top:-.8rem}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline;border-radius:var(--mg-input-radius);height:calc(var(--mg-base-font-size)*.2 + 1rem)}progress::-webkit-progress-bar{background-color:var(--mg-color-quaternary);border-radius:var(--mg-input-radius)}progress::-moz-progress-bar{background-color:var(--mg-color-quaternary);border-radius:var(--mg-input-radius)}progress::-webkit-progress-value{background-color:var(--mg-color-primary);border-radius:var(--mg-input-radius);min-width:calc(var(--mg-input-radius))}progress::-moz-progress-value{background-color:var(--mg-color-primary);border-radius:var(--mg-input-radius);min-width:calc(var(--mg-input-radius))}textarea{overflow:auto}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-.25rem}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}blockquote{border-left:.3rem solid var(--mg-color-quaternary);margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote :last-child{margin-bottom:0}.mg-button,button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--mg-color-primary);border:.2rem solid var(--mg-color-primary);border-radius:var(--mg-control-radius);color:var(--mg-color-light);cursor:pointer;font-size:calc(var(--mg-base-font-size)*.2 + 1rem);height:calc(var(--mg-base-font-size)*2.5);letter-spacing:.1rem;text-align:center;opacity:1;box-shadow:var(--mg-control-shadow);white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;padding:0 2rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mg-button:focus,.mg-button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{box-shadow:var(--mg-control-active-shadow);color:var(--mg-color-light);outline:0;transition:all .5s}.mg-button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.mg-button[disabled]:focus,.mg-button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:var(--mg-color-secondary);border-color:var(--mg-color-primary)}.mg-button.mg-button--outline,button.mg-button--outline,input[type=button].mg-button--outline,input[type=reset].mg-button--outline,input[type=submit].mg-button--outline{color:var(--mg-color-primary);background-color:#0000}.mg-button.mg-button--outline:focus,.mg-button.mg-button--outline:hover,button.mg-button--outline:focus,button.mg-button--outline:hover,input[type=button].mg-button--outline:focus,input[type=button].mg-button--outline:hover,input[type=reset].mg-button--outline:focus,input[type=reset].mg-button--outline:hover,input[type=submit].mg-button--outline:focus,input[type=submit].mg-button--outline:hover{box-shadow:var(--mg-control-active-shadow);transition:all .5s}.mg-button.mg-button--outline[disabled]:focus,.mg-button.mg-button--outline[disabled]:hover,button.mg-button--outline[disabled]:focus,button.mg-button--outline[disabled]:hover,input[type=button].mg-button--outline[disabled]:focus,input[type=button].mg-button--outline[disabled]:hover,input[type=reset].mg-button--outline[disabled]:focus,input[type=reset].mg-button--outline[disabled]:hover,input[type=submit].mg-button--outline[disabled]:focus,input[type=submit].mg-button--outline[disabled]:hover{border-color:inherit}.mg-button.mg-button--link,button.mg-button--link,input[type=button].mg-button--link,input[type=reset].mg-button--link,input[type=submit].mg-button--link{box-shadow:none;color:var(--mg-color-primary);background-color:#0000;border:none}.mg-button.mg-button--link:focus,.mg-button.mg-button--link:hover,button.mg-button--link:focus,button.mg-button--link:hover,input[type=button].mg-button--link:focus,input[type=button].mg-button--link:hover,input[type=reset].mg-button--link:focus,input[type=reset].mg-button--link:hover,input[type=submit].mg-button--link:focus,input[type=submit].mg-button--link:hover{box-shadow:var(--mg-control-active-shadow);color:var(--mg-color-secondary);transition:all .5s}.mg-button.mg-button--link[disabled]:focus,.mg-button.mg-button--link[disabled]:hover,button.mg-button--link[disabled]:focus,button.mg-button--link[disabled]:hover,input[type=button].mg-button--link[disabled]:focus,input[type=button].mg-button--link[disabled]:hover,input[type=reset].mg-button--link[disabled]:focus,input[type=reset].mg-button--link[disabled]:hover,input[type=submit].mg-button--link[disabled]:focus,input[type=submit].mg-button--link[disabled]:hover{border-color:inherit}.mg-button.mg-button--clear,button.mg-button--clear,input[type=button].mg-button--clear,input[type=reset].mg-button--clear,input[type=submit].mg-button--clear{color:var(--mg-color-primary);background-color:#0000;border:none}.mg-button.mg-button--clear:focus,.mg-button.mg-button--clear:hover,button.mg-button--clear:focus,button.mg-button--clear:hover,input[type=button].mg-button--clear:focus,input[type=button].mg-button--clear:hover,input[type=reset].mg-button--clear:focus,input[type=reset].mg-button--clear:hover,input[type=submit].mg-button--clear:focus,input[type=submit].mg-button--clear:hover{box-shadow:var(--mg-control-active-shadow);transition:all .5s}.mg-button.mg-button--clear[disabled]:focus,.mg-button.mg-button--clear[disabled]:hover,button.mg-button--clear[disabled]:focus,button.mg-button--clear[disabled]:hover,input[type=button].mg-button--clear[disabled]:focus,input[type=button].mg-button--clear[disabled]:hover,input[type=reset].mg-button--clear[disabled]:focus,input[type=reset].mg-button--clear[disabled]:hover,input[type=submit].mg-button--clear[disabled]:focus,input[type=submit].mg-button--clear[disabled]:hover{border-color:inherit}.mg-button.mg-button--small,button.mg-button--small,input[type=button].mg-button--small,input[type=reset].mg-button--small,input[type=submit].mg-button--small{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);height:calc(var(--mg-base-font-size)*1.6 + .5rem);padding:0 1.5rem}.mg-button.mg-button--large,button.mg-button--large,input[type=button].mg-button--large,input[type=reset].mg-button--large,input[type=submit].mg-button--large{font-size:calc(var(--mg-base-font-size)*1.1);height:calc(var(--mg-base-font-size)*2.5);padding:0 2rem}.mg-button.mg-button--transparent,button.mg-button--transparent,input[type=button].mg-button--transparent,input[type=reset].mg-button--transparent,input[type=submit].mg-button--transparent{background-color:#0000;border-color:#0000}code{background:var(--mg-color-quinary);white-space:nowrap;border-radius:.4rem;margin:0 .2rem;padding:.2rem .5rem;font-size:86%}pre{background:var(--mg-color-quinary);border-left:.3rem solid var(--mg-color-primary);overflow-y:hidden}pre>code{white-space:pre;border-radius:0;padding:1rem 1.5rem;display:block}hr{border:0;border-top:.1rem solid var(--mg-color-tertiary);margin:3rem 0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.mg-input{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:inline-flex}textarea{min-height:6.5rem}.mg-input,input[type=range],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.1rem solid var(--mg-color-quaternary);border-radius:var(--mg-input-radius);box-shadow:none;box-sizing:inherit;height:calc(var(--mg-base-font-size)*2.5);color:var(--mg-color-secondary);background-color:#0000;width:100%;padding:1rem}.mg-input:focus,input[type=range]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus,select:focus{border-color:var(--mg-color-primary);outline:0}.mg-input.mg-input--small,input[type=range].mg-input--small,input[type=email].mg-input--small,input[type=number].mg-input--small,input[type=password].mg-input--small,input[type=search].mg-input--small,input[type=tel].mg-input--small,input[type=text].mg-input--small,input[type=url].mg-input--small,textarea.mg-input--small,select.mg-input--small{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);height:calc(var(--mg-base-font-size)*1.6 + .5rem);padding:0 1rem}.mg-input.mg-input--large,input[type=range].mg-input--large,input[type=email].mg-input--large,input[type=number].mg-input--large,input[type=password].mg-input--large,input[type=search].mg-input--large,input[type=tel].mg-input--large,input[type=text].mg-input--large,input[type=url].mg-input--large,textarea.mg-input--large,select.mg-input--large{font-size:calc(var(--mg-base-font-size)*1.1);height:calc(var(--mg-base-font-size)*2.5);padding:0 1.2rem}select{background-color:var(--mg-color-initial);padding-top:.1rem;padding-bottom:.1rem}.mg-input>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin-top:0;margin-bottom:0;padding:0}input:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{display:inline}div.mg-input:focus-within{border-color:var(--mg-color-primary);outline:0}label,legend{font-size:calc(var(--mg-base-font-size));margin-bottom:.5rem;font-weight:700;display:block}fieldset{border-width:0;padding:0}a{color:var(--mg-color-primary);text-decoration:none}a:focus,a:hover{color:var(--mg-color-secondary)}ol{list-style:decimal inside}ul{list-style:circle inside}dl,ol,ul{margin-top:0;padding-left:0;list-style:none}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.mg-button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid var(--mg-color-quinary);text-align:left;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}table.table--responsive{display:inline-block;overflow-x:auto}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.1rem;margin-bottom:2rem;font-weight:600}h1{font-size:calc(var(--mg-base-font-size)*2.4);line-height:1}h2{font-size:calc(var(--mg-base-font-size)*2);line-height:1.2}h3{font-size:calc(var(--mg-base-font-size)*1.5);line-height:1.3}h4{font-size:calc(var(--mg-base-font-size)*1.3);letter-spacing:-.08rem;line-height:1.4}h5{font-size:calc(var(--mg-base-font-size)*1.1);letter-spacing:-.05rem;line-height:1.5}h6{font-size:calc(var(--mg-base-font-size));letter-spacing:0;line-height:1.6}img{max-width:100%}input[type=range]{background:var(--mg-color-quaternary);border-radius:var(--mg-input-radius);opacity:.9;vertical-align:top;outline:none;width:100%;height:.8rem;margin-right:1.76rem;padding:0;transition:opacity .2s;display:inline-block;position:relative}input[type=range]:hover{opacity:1}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--mg-color-primary);box-shadow:var(--mg-control-shadow);cursor:pointer;border:none;border-radius:100%;width:2.7rem;height:2.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--mg-color-primary);box-shadow:var(--mg-control-shadow);cursor:pointer;border:none;border-radius:100%;width:2.7rem;height:2.5rem}input[type=range]:disabled{opacity:.5}input[type=range]:disabled::-moz-range-thumb{background:var(--mg-color-quaternary)}input[type=range]:disabled::-webkit-slider-thumb{background:var(--mg-color-quaternary)}.mg-icon-dropdown,.mg-icon-collapse{position:relative;padding-right:2.5rem!important}.mg-icon-dropdown:after,.mg-icon-collapse:after{vertical-align:middle;box-sizing:border-box;content:"";pointer-events:none;transform-origin:50%;border-top:0;border-bottom:.25rem solid;border-left:.25rem solid;border-right:0;width:.8rem;height:.8rem;transition:all .2s;display:inline-block;position:absolute;top:calc(50% - .5rem);right:1rem;transform:rotate(-45deg)}.mg-icon-dropdown.opened:after,.mg-icon-collapse.opened:after{top:45%;transform:rotate(-225deg)}.mg-icon-nav{position:relative;padding-right:2.5rem!important}.mg-icon-nav:after{vertical-align:middle;box-sizing:border-box;content:"";pointer-events:none;transform-origin:50%;border-top:0;border-bottom:.25rem solid;border-left:.25rem solid;border-right:0;width:.8rem;height:.8rem;transition:all .2s;display:inline-block;position:absolute;top:40%;right:1rem;transform:rotate(-135deg)}.mg-icon-nav.opened:after{top:45%;transform:rotate(-225deg)}.mg-icon--action{cursor:pointer;transition:all .3s}.mg-icon--action:hover{opacity:.7}@keyframes mg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mg-check,.mg-radio,.mg-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;margin-bottom:1.5rem;margin-right:2.5rem;padding-left:3rem;display:inline-flex;position:relative}.mg-dropdown{margin-bottom:1rem;display:inline-block;position:relative}.mg-dropdown--content{box-shadow:var(--mg-control-shadow);opacity:0;visibility:hidden;background-color:var(--mg-color-initial);border:.15rem solid;border-color:var(--mg-color-quaternary);border-radius:var(--mg-control-radius);z-index:999;width:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;max-width:90vw;margin-left:auto;margin-right:auto;padding-top:1rem;padding-bottom:1rem;display:none;position:absolute;top:100%}.mg-dropdown--content>*{max-height:50vh;overflow-x:hidden;overflow-y:auto}.opened+.mg-dropdown--content{opacity:1;visibility:visible;display:block}.mg-tabs>ul{text-align:center;flex-wrap:nowrap;margin-top:1rem;margin-bottom:-1rem;list-style:none;display:flex;overflow-x:auto}.mg-tabs>ul>li>*{color:var(--mg-color-secondary);white-space:nowrap}.mg-tabs>ul>li{color:var(--mg-color-tertiary);opacity:.7;border-bottom:.3rem solid #0000;flex:none;font-weight:700}.mg-tabs>ul>li.active{color:var(--mg-color-primary);border-color:var(--mg-color-primary);opacity:1;overflow-y:hidden}.mg-tabs>ul>li:hover{color:var(--mg-color-secondary);border-color:var(--mg-color-tertiary);opacity:1;transition:all .3s}.mg-tabs--item{margin-left:.32rem;margin-right:.32rem;padding-left:.32rem;padding-right:.32rem}.mg-tabs--content{border-top:.15rem solid var(--mg-color-quaternary);clear:both;padding:1.5rem;display:none}.mg-select{height:calc(var(--mg-base-font-size)*2.5);vertical-align:top;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative}.mg-select>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;cursor:pointer;width:100%;padding-right:3rem}.mg-select:after{vertical-align:middle;box-sizing:border-box;content:"";pointer-events:none;transform-origin:50%;color:currentColor;border-top:0;border-bottom:.25rem solid;border-left:.25rem solid;border-right:0;width:.8rem;height:.8rem;margin-bottom:1.5rem;transition:all .2s;display:inline-block;position:absolute;top:calc(50% - 1.2rem);right:1rem;transform:rotate(-45deg)}.mg-alert{border-top-right-radius:var(--mg-control-radius);border-bottom-right-radius:var(--mg-control-radius);border-left:.3rem solid var(--mg-color-primary);background-color:var(--mg-color-quinary);margin-bottom:2.5rem;margin-left:0;margin-right:0;padding:1rem 1.5rem}.mg-alert.danger{border-left-color:var(--mg-color-red)}.mg-alert.success{border-left-color:var(--mg-color-green)}.mg-alert.warning{border-left-color:var(--mg-color-orange)}.mg-radio input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.mg-radio .mg-radio--icon{border-style:solid;border-color:var(--mg-color-quaternary);border-width:thin;border-radius:50%;width:2.4rem;height:2.4rem;transition:all .4s;position:absolute;top:calc(50% - 1.2rem);left:0}.mg-radio:hover input~.mg-radio--icon{background-color:var(--mg-color-secondary)}.mg-radio input:checked~.mg-radio--icon{background-color:var(--mg-color-primary)}.mg-radio .mg-radio--icon:after{background-color:var(--mg-color-light);content:"";border-radius:50%;width:.64rem;height:.64rem;display:none;position:absolute;top:.8rem;left:.8rem}.mg-radio input:checked~.mg-radio--icon:after{display:block}.mg-radio input:disabled~.mg-radio--icon{background-color:var(--mg-color-quinary)}.mg-radio input:focus~.mg-radio--icon{border-color:var(--mg-color-primary);border-style:dotted;border-width:thin}.mg-label--inline{font-weight:400}.mg-check input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.mg-check .mg-check--icon{border-style:solid;border-color:var(--mg-color-quaternary);border-width:thin;border-radius:.3rem;width:2.4rem;height:2.4rem;transition:all .3s;position:absolute;top:calc(50% - 1.2rem);left:0}.mg-check:hover input~.mg-check--icon{background-color:var(--mg-color-secondary)}.mg-check input:checked~.mg-check--icon{background-color:var(--mg-color-primary)}.mg-check .mg-check--icon:after{content:"";border:solid var(--mg-color-light);border-width:0 .25rem .3rem 0;width:.8rem;height:1.6rem;display:none;position:absolute;top:.16rem;left:.8rem;transform:rotate(45deg)}.mg-check input:checked~.mg-check--icon:after{display:block}.mg-check input:disabled~.mg-check--icon{background-color:var(--mg-color-quinary)}.mg-check input:focus~.mg-check--icon{border-color:var(--mg-color-primary);border-style:dotted;border-width:thin}.mg-nav{flex-direction:column;margin-top:0;margin-bottom:0;margin-left:0;padding:.5rem;display:flex;overflow-y:auto}.mg-nav li{white-space:wrap;color:var(--mg-color-secondary);border-bottom:.125rem solid var(--mg-color-quinary);align-items:center;margin:0;padding:.5rem;text-decoration:none;list-style-type:none;display:flex}.mg-nav li.active{color:currentColor;border-left:.3rem solid var(--mg-color-primary);font-weight:700}.mg-nav li>a{cursor:pointer;color:var(--mg-color-secondary);width:100%;text-decoration:none}.mg-nav li:hover{background-color:var(--mg-color-quinary)}.mg-nav--inline{flex-direction:row;overflow-x:auto}.mg-nav--inline li{flex-wrap:nowrap}.mg-nav--inline li.active{border:none;border-bottom:.3rem solid var(--mg-color-primary)}.mg-nav--buttons{flex-direction:row;overflow-x:auto}.mg-nav--buttons li,.mg-nav--buttons li.active{border:none}.mg-nav--buttons li:hover{background-color:#0000}.mg-nav--buttons li>button,.mg-nav--buttons li>.mg-button{background-color:#0000;border:none;margin-bottom:0}.mg-nav--buttons li.active>button,.mg-nav--buttons li.active>.mg-button{background-color:var(--mg-color-primary);color:var(--mg-color-light)}.mg-group{flex-wrap:nowrap;justify-items:baseline;height:auto;display:inline-flex}.mg-group>select:first-child,.mg-group>input:first-child,.mg-group>button:first-child,.mg-group>textarea:first-child,.mg-group>.mg-button:first-child,.mg-group>.mg-dropdown:first-child>button,.mg-group>.mg-select:first-child>select{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.mg-group>select:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-dropdown:not(:-webkit-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:-moz-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:is(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-select:not(:-webkit-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:-moz-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:is(:first-child,:last-child))>select{border-radius:0}.mg-group>select:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-dropdown:not(:-webkit-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:-moz-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:is(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-select:not(:-webkit-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:-moz-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:is(:first-child,:last-child))>select{border-radius:0}.mg-group>select:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>select:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>input:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>textarea:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-webkit-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:-moz-any(:first-child,:last-child)){border-radius:0}.mg-group>.mg-button:not(:is(:first-child,:last-child)){border-radius:0}.mg-group>.mg-dropdown:not(:-webkit-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:-moz-any(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-dropdown:not(:is(:first-child,:last-child))>button{border-radius:0}.mg-group>.mg-select:not(:-webkit-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:-moz-any(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:not(:is(:first-child,:last-child))>select{border-radius:0}.mg-group>.mg-select:last-child>select,.mg-group>input:last-child,.mg-group>button:last-child,.mg-group>textarea:last-child,.mg-group>.mg-button:last-child,.mg-group>.mg-dropdown:last-child>button,.mg-group>select:last-child{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.mg-group .mg-group--outline{box-shadow:var(--mg-control-shadow)}.mg-modal--content{margin-left:auto;margin-right:auto;position:fixed}.mg-modal{visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1000;opacity:0;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;justify-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.mg-modal>.mg-modal--content{background-color:var(--mg-color-initial);border-radius:var(--mg-control-radius);color:var(--mg-color-secondary);z-index:2000;box-shadow:var(--mg-control-shadow);margin-top:0;padding:2rem 1.5rem}.mg-modal>.mg-modal--content>.mg-modal--body{max-height:80vh;overflow-y:auto}.mg-modal.mg-bottom>.mg-modal--content{border-bottom-right-radius:0;border-bottom-left-radius:0;bottom:0}.mg-modal.mg-top>.mg-modal--content{border-top-left-radius:0;border-top-right-radius:0;top:0}.mg-modal.mg-right>.mg-modal--content{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1rem;right:0}.mg-modal.mg-left>.mg-modal--content{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1rem;left:0}.mg-toggle{padding-left:5.6rem}.mg-toggle input{opacity:0;width:0;height:0;display:none;position:absolute}.mg-toggle .mg-toggle--icon{border-radius:var(--mg-control-radius);border-style:solid;border-color:var(--mg-color-quaternary);border-width:thin;width:4.8rem;height:2.72rem;transition:all .3s;position:absolute;top:calc(50% - 1.2rem);left:0}.mg-toggle input~.mg-toggle--icon{background-color:var(--mg-color-quaternary)}.mg-toggle input:checked~.mg-toggle--icon{background-color:var(--mg-color-primary)}.mg-toggle .mg-toggle--icon:after{border-radius:var(--mg-control-radius);content:"";background-color:var(--mg-color-light);box-shadow:var(--mg-control-shadow);border:none;width:2.24rem;height:2.08rem;transition:all .3s;position:absolute;top:.2rem;left:.2rem}.mg-toggle input:checked~.mg-toggle--icon:after{left:2.08rem}.mg-toggle input:disabled~.mg-toggle--icon{background-color:var(--mg-color-quinary);opacity:.6}.mg-toggle input:focus~.mg-toggle--icon{border-color:var(--mg-color-primary);border-style:dotted;border-width:thin}.mg-loader--loading{opacity:.7}.mg-loader:not(.mg-loader--loaded)~.mg-loader--result,.mg-loader:not(.mg-loader--loading)~.mg-loader--status,.mg-loader:not(.mg-loader--loaded) .mg-loader--result,.mg-loader:not(.mg-loader--loading) .mg-loader--status,.mg-loader--loading .mg-loader--result .mg-loader--loaded .mg-loader--status,.mg-loader--loading~.mg-loader--result .mg-loader--loaded~.mg-loader--status{display:none!important}.mg-timeline,.mg-timeline-inline{line-height:normal}.mg-timeline>ul{padding-left:3.6rem;list-style:none;position:relative}.mg-timeline>ul:before{content:"";width:1rem;height:100%;display:inline-block;position:absolute;top:0;left:1.5rem}.mg-timeline>ul li{counter-increment:list;margin-bottom:0;position:relative}.mg-timeline-inline>ul{flex-direction:row;list-style:none;display:flex}.mg-timeline-inline>ul li{border-top:.3rem solid var(--mg-color-quaternary);flex:1 1 0}.mg-timeline>ul li:not(:last-child){padding-bottom:1rem}.mg-timeline>ul li:before{content:"";border-left:.3rem solid var(--mg-color-quaternary);width:1rem;height:100%;display:inline-block;position:absolute;left:-3rem}.mg-timeline-inline>ul li:before{content:"";vertical-align:text-top;border:.3rem solid var(--mg-color-quaternary);background-color:var(--mg-color-initial);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-block;position:relative;bottom:.9rem;left:0}.mg-timeline>ul li:last-child:before{border-color:none}.mg-timeline>ul li:after{content:"";border:.3rem solid var(--mg-color-quaternary);background-color:var(--mg-color-initial);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-block;position:absolute;top:0;left:-3.6rem}.mg-timeline>ul li.active:before{border-left:.3rem solid var(--mg-color-primary)}.mg-timeline>ul li:last-of-type:before{border-left:.3rem solid #0000!important}.mg-timeline>ul li.active:after{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);text-align:center;border:.3rem solid var(--mg-color-primary);background-color:var(--mg-color-primary)}.mg-timeline>ul li.current:after{border:.3rem solid var(--mg-color-primary);border-radius:50%;width:1.5rem;height:1.5rem;left:-3.6rem}.mg-timeline-inline>ul li.active{border-color:var(--mg-color-primary)}.mg-timeline-inline>ul li.active:before{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);text-align:center;border-color:var(--mg-color-primary);background-color:var(--mg-color-primary)}.mg-timeline-inline>ul li.current:before{border:.3rem solid var(--mg-color-primary);border-radius:50%}.mg-timeline-inline>ul li:last-of-type{border-top:.3rem solid #0000;flex:0 auto}.mg-badge{border-radius:var(--mg-control-radius);letter-spacing:.1rem;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:var(--mg-color-primary);color:var(--mg-color-light);margin-bottom:.5rem;padding:.5rem 1rem;font-weight:700;display:inline-block}.mg-badge.success{background-color:var(--mg-color-green)}.mg-badge.warning{background-color:var(--mg-color-orange)}.mg-badge.danger{background-color:var(--mg-color-red)}.mg-text-justify{text-align:justify}.mg-text-nowrap{white-space:nowrap}.mg-text-lowercase{text-transform:lowercase}.mg-text-uppercase{text-transform:uppercase}.mg-text-capitalize{text-transform:capitalize}.mg-text-underline{text-decoration:underline}.mg-text-linethrough{text-decoration:line-through}.mg-text-overline{text-decoration:overline}.mg-text-none{text-decoration:none}.mg-text-break{word-break:break-all}.mg-text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mg-text-clip{text-overflow:clip;white-space:nowrap;overflow:hidden}.mg-text-s{font-size:calc(var(--mg-base-font-size)*.2 + 1rem)}.mg-text-m{font-size:calc(var(--mg-base-font-size))}.mg-text-l{font-size:calc(var(--mg-base-font-size)*1.1)}.mg-text-xl{font-size:calc(var(--mg-base-font-size)*1.3)}.mg-text-2xl{font-size:calc(var(--mg-base-font-size)*1.5)}.mg-text-3xl{font-size:calc(var(--mg-base-font-size)*2)}.mg-text-4xl{font-size:calc(var(--mg-base-font-size)*2.4)}.mg-text-5xl{font-size:calc(var(--mg-base-font-size)*3.5)}.mg-text-bold{font-weight:700}.mg-text-bolder{font-weight:bolder}.mg-text-lighter{font-weight:lighter}.mg-collapse:not(.opened)+.mg-collapse--content{display:none}.mg-progress{background-color:var(--mg-color-quinary);border-radius:var(--mg-control-radius);height:calc(var(--mg-base-font-size)*.2 + 1rem);width:100%;margin-bottom:1.2rem;display:inline-block}.mg-progress>.mg-progress--bar{border-radius:var(--mg-control-radius);background-color:var(--mg-color-primary);height:100%}.mg-col{flex-direction:column;width:100%;height:100%;display:flex}.mg-col>*{flex:none}.mg-x1,.mg-s1,.mg-m1,.mg-l1,.mg-xl1,.mg-x2,.mg-s2,.mg-m2,.mg-l2,.mg-xl2,.mg-x3,.mg-s3,.mg-m3,.mg-l3,.mg-xl3,.mg-x4,.mg-s4,.mg-m4,.mg-l4,.mg-xl4,.mg-x5,.mg-s5,.mg-m5,.mg-l5,.mg-xl5,.mg-x6,.mg-s6,.mg-m6,.mg-l6,.mg-xl6,.mg-x7,.mg-s7,.mg-m7,.mg-l7,.mg-xl7,.mg-x8,.mg-s8,.mg-m8,.mg-l8,.mg-xl8,.mg-x9,.mg-s9,.mg-m9,.mg-l9,.mg-xl9,.mg-x10,.mg-s10,.mg-m10,.mg-l10,.mg-xl10,.mg-x11,.mg-s11,.mg-m11,.mg-l11,.mg-xl11,.mg-x12,.mg-s12,.mg-m12,.mg-l12,.mg-xl12{flex:0 0 100%;max-width:100%;min-height:.125rem;padding-left:.25rem;padding-right:.25rem}.mg-x1{flex-basis:8.33333%;max-width:8.33333%}.mg-x2{flex-basis:16.6667%;max-width:16.6667%}.mg-x3{flex-basis:25%;max-width:25%}.mg-x4{flex-basis:33.3333%;max-width:33.3333%}.mg-x5{flex-basis:41.6667%;max-width:41.6667%}.mg-x6{flex-basis:50%;max-width:50%}.mg-x7{flex-basis:58.3333%;max-width:58.3333%}.mg-x8{flex-basis:66.6667%;max-width:66.6667%}.mg-x9{flex-basis:75%;max-width:75%}.mg-x10{flex-basis:83.3333%;max-width:83.3333%}.mg-x11{flex-basis:91.6667%;max-width:91.6667%}.mg-x12{flex-basis:100%;max-width:100%}.mg-x--offset0{margin-left:0%}.mg-x--offset1{margin-left:8.33333%}.mg-x--offset2{margin-left:16.6667%}.mg-x--offset3{margin-left:25%}.mg-x--offset4{margin-left:33.3333%}.mg-x--offset5{margin-left:41.6667%}.mg-x--offset6{margin-left:50%}.mg-x--offset7{margin-left:58.3333%}.mg-x--offset8{margin-left:66.6667%}.mg-x--offset9{margin-left:75%}.mg-x--offset10{margin-left:83.3333%}.mg-x--offset11{margin-left:91.6667%}.mg-x--offset12{margin-left:100%}.mg-x--order0{order:0}.mg-x--order1{order:1}.mg-x--order2{order:2}.mg-x--order3{order:3}.mg-x--order4{order:4}.mg-x--order5{order:5}.mg-x--order6{order:6}.mg-x--order7{order:7}.mg-x--order8{order:8}.mg-x--order9{order:9}.mg-x--order10{order:10}.mg-x--order11{order:11}.mg-x--order12{order:12}.mg-row.mg-x--start{justify-content:flex-start}.mg-row.mg-x--center{justify-content:center}.mg-row.mg-x--end{justify-content:flex-end}.mg-row.mg-x--around{justify-content:space-around}.mg-row.mg-x--between{justify-content:space-between}.mg-row.mg-x--evenly{justify-content:space-evenly}.mg-row.mg-x--top{align-items:flex-start}.mg-row.mg-x--middle{align-items:center}.mg-row.mg-x--bottom{align-items:flex-end}.mg-row.mg-x--stretch{align-items:stretch}.mg-row.mg-x--baseline{align-items:baseline}.mg-row.mg-x--reverse{flex-direction:row-reverse}.mg-col.mg-x--start{align-items:flex-start}.mg-col.mg-x--center{align-items:center}.mg-col.mg-x--end{align-items:flex-end}.mg-col.mg-x--around{justify-content:space-around}.mg-col.mg-x--between{justify-content:space-between}.mg-col.mg-x--evenly{justify-content:space-evenly}.mg-col.mg-x--top{justify-content:flex-start}.mg-col.mg-x--middle{justify-content:center}.mg-col.mg-x--bottom{justify-content:flex-end}.mg-col.mg-x--stretch{justify-content:stretch}.mg-col.mg-x--baseline{justify-content:baseline}.mg-col.mg-x--reverse{flex-direction:column-reverse}.mg-x--grow{flex:auto}.mg-x--ungrow{flex:0}@media screen and (min-width:481px){.mg-s1{flex-basis:8.33333%;max-width:8.33333%}.mg-s2{flex-basis:16.6667%;max-width:16.6667%}.mg-s3{flex-basis:25%;max-width:25%}.mg-s4{flex-basis:33.3333%;max-width:33.3333%}.mg-s5{flex-basis:41.6667%;max-width:41.6667%}.mg-s6{flex-basis:50%;max-width:50%}.mg-s7{flex-basis:58.3333%;max-width:58.3333%}.mg-s8{flex-basis:66.6667%;max-width:66.6667%}.mg-s9{flex-basis:75%;max-width:75%}.mg-s10{flex-basis:83.3333%;max-width:83.3333%}.mg-s11{flex-basis:91.6667%;max-width:91.6667%}.mg-s12{flex-basis:100%;max-width:100%}.mg-s--offset0{margin-left:0%}.mg-s--offset1{margin-left:8.33333%}.mg-s--offset2{margin-left:16.6667%}.mg-s--offset3{margin-left:25%}.mg-s--offset4{margin-left:33.3333%}.mg-s--offset5{margin-left:41.6667%}.mg-s--offset6{margin-left:50%}.mg-s--offset7{margin-left:58.3333%}.mg-s--offset8{margin-left:66.6667%}.mg-s--offset9{margin-left:75%}.mg-s--offset10{margin-left:83.3333%}.mg-s--offset11{margin-left:91.6667%}.mg-s--offset12{margin-left:100%}.mg-s--order0{order:0}.mg-s--order1{order:1}.mg-s--order2{order:2}.mg-s--order3{order:3}.mg-s--order4{order:4}.mg-s--order5{order:5}.mg-s--order6{order:6}.mg-s--order7{order:7}.mg-s--order8{order:8}.mg-s--order9{order:9}.mg-s--order10{order:10}.mg-s--order11{order:11}.mg-s--order12{order:12}.mg-row.mg-s--start{justify-content:flex-start}.mg-row.mg-s--center{justify-content:center}.mg-row.mg-s--end{justify-content:flex-end}.mg-row.mg-s--around{justify-content:space-around}.mg-row.mg-s--between{justify-content:space-between}.mg-row.mg-s--evenly{justify-content:space-evenly}.mg-row.mg-s--top{align-items:flex-start}.mg-row.mg-s--middle{align-items:center}.mg-row.mg-s--bottom{align-items:flex-end}.mg-row.mg-s--stretch{align-items:stretch}.mg-row.mg-s--baseline{align-items:baseline}.mg-row.mg-s--reverse{flex-direction:row-reverse}.mg-col.mg-s--start{align-items:flex-start}.mg-col.mg-s--center{align-items:center}.mg-col.mg-s--end{align-items:flex-end}.mg-col.mg-s--around{justify-content:space-around}.mg-col.mg-s--between{justify-content:space-between}.mg-col.mg-s--evenly{justify-content:space-evenly}.mg-col.mg-s--top{justify-content:flex-start}.mg-col.mg-s--middle{justify-content:center}.mg-col.mg-s--bottom{justify-content:flex-end}.mg-col.mg-s--stretch{justify-content:stretch}.mg-col.mg-s--baseline{justify-content:baseline}.mg-col.mg-s--reverse{flex-direction:column-reverse}.mg-s--grow{flex:auto}.mg-s--ungrow{flex:0}}@media screen and (min-width:769px){.mg-m1{flex-basis:8.33333%;max-width:8.33333%}.mg-m2{flex-basis:16.6667%;max-width:16.6667%}.mg-m3{flex-basis:25%;max-width:25%}.mg-m4{flex-basis:33.3333%;max-width:33.3333%}.mg-m5{flex-basis:41.6667%;max-width:41.6667%}.mg-m6{flex-basis:50%;max-width:50%}.mg-m7{flex-basis:58.3333%;max-width:58.3333%}.mg-m8{flex-basis:66.6667%;max-width:66.6667%}.mg-m9{flex-basis:75%;max-width:75%}.mg-m10{flex-basis:83.3333%;max-width:83.3333%}.mg-m11{flex-basis:91.6667%;max-width:91.6667%}.mg-m12{flex-basis:100%;max-width:100%}.mg-m--offset0{margin-left:0%}.mg-m--offset1{margin-left:8.33333%}.mg-m--offset2{margin-left:16.6667%}.mg-m--offset3{margin-left:25%}.mg-m--offset4{margin-left:33.3333%}.mg-m--offset5{margin-left:41.6667%}.mg-m--offset6{margin-left:50%}.mg-m--offset7{margin-left:58.3333%}.mg-m--offset8{margin-left:66.6667%}.mg-m--offset9{margin-left:75%}.mg-m--offset10{margin-left:83.3333%}.mg-m--offset11{margin-left:91.6667%}.mg-m--offset12{margin-left:100%}.mg-m--order0{order:0}.mg-m--order1{order:1}.mg-m--order2{order:2}.mg-m--order3{order:3}.mg-m--order4{order:4}.mg-m--order5{order:5}.mg-m--order6{order:6}.mg-m--order7{order:7}.mg-m--order8{order:8}.mg-m--order9{order:9}.mg-m--order10{order:10}.mg-m--order11{order:11}.mg-m--order12{order:12}.mg-row.mg-m--start{justify-content:flex-start}.mg-row.mg-m--center{justify-content:center}.mg-row.mg-m--end{justify-content:flex-end}.mg-row.mg-m--around{justify-content:space-around}.mg-row.mg-m--between{justify-content:space-between}.mg-row.mg-m--evenly{justify-content:space-evenly}.mg-row.mg-m--top{align-items:flex-start}.mg-row.mg-m--middle{align-items:center}.mg-row.mg-m--bottom{align-items:flex-end}.mg-row.mg-m--stretch{align-items:stretch}.mg-row.mg-m--baseline{align-items:baseline}.mg-row.mg-m--reverse{flex-direction:row-reverse}.mg-col.mg-m--start{align-items:flex-start}.mg-col.mg-m--center{align-items:center}.mg-col.mg-m--end{align-items:flex-end}.mg-col.mg-m--around{justify-content:space-around}.mg-col.mg-m--between{justify-content:space-between}.mg-col.mg-m--evenly{justify-content:space-evenly}.mg-col.mg-m--top{justify-content:flex-start}.mg-col.mg-m--middle{justify-content:center}.mg-col.mg-m--bottom{justify-content:flex-end}.mg-col.mg-m--stretch{justify-content:stretch}.mg-col.mg-m--baseline{justify-content:baseline}.mg-col.mg-m--reverse{flex-direction:column-reverse}.mg-m--grow{flex:auto}.mg-m--ungrow{flex:0}}@media screen and (min-width:1025px){.mg-l1{flex-basis:8.33333%;max-width:8.33333%}.mg-l2{flex-basis:16.6667%;max-width:16.6667%}.mg-l3{flex-basis:25%;max-width:25%}.mg-l4{flex-basis:33.3333%;max-width:33.3333%}.mg-l5{flex-basis:41.6667%;max-width:41.6667%}.mg-l6{flex-basis:50%;max-width:50%}.mg-l7{flex-basis:58.3333%;max-width:58.3333%}.mg-l8{flex-basis:66.6667%;max-width:66.6667%}.mg-l9{flex-basis:75%;max-width:75%}.mg-l10{flex-basis:83.3333%;max-width:83.3333%}.mg-l11{flex-basis:91.6667%;max-width:91.6667%}.mg-l12{flex-basis:100%;max-width:100%}.mg-l--offset0{margin-left:0%}.mg-l--offset1{margin-left:8.33333%}.mg-l--offset2{margin-left:16.6667%}.mg-l--offset3{margin-left:25%}.mg-l--offset4{margin-left:33.3333%}.mg-l--offset5{margin-left:41.6667%}.mg-l--offset6{margin-left:50%}.mg-l--offset7{margin-left:58.3333%}.mg-l--offset8{margin-left:66.6667%}.mg-l--offset9{margin-left:75%}.mg-l--offset10{margin-left:83.3333%}.mg-l--offset11{margin-left:91.6667%}.mg-l--offset12{margin-left:100%}.mg-l--order0{order:0}.mg-l--order1{order:1}.mg-l--order2{order:2}.mg-l--order3{order:3}.mg-l--order4{order:4}.mg-l--order5{order:5}.mg-l--order6{order:6}.mg-l--order7{order:7}.mg-l--order8{order:8}.mg-l--order9{order:9}.mg-l--order10{order:10}.mg-l--order11{order:11}.mg-l--order12{order:12}.mg-row.mg-l--start{justify-content:flex-start}.mg-row.mg-l--center{justify-content:center}.mg-row.mg-l--end{justify-content:flex-end}.mg-row.mg-l--around{justify-content:space-around}.mg-row.mg-l--between{justify-content:space-between}.mg-row.mg-l--evenly{justify-content:space-evenly}.mg-row.mg-l--top{align-items:flex-start}.mg-row.mg-l--middle{align-items:center}.mg-row.mg-l--bottom{align-items:flex-end}.mg-row.mg-l--stretch{align-items:stretch}.mg-row.mg-l--baseline{align-items:baseline}.mg-row.mg-l--reverse{flex-direction:row-reverse}.mg-col.mg-l--start{align-items:flex-start}.mg-col.mg-l--center{align-items:center}.mg-col.mg-l--end{align-items:flex-end}.mg-col.mg-l--around{justify-content:space-around}.mg-col.mg-l--between{justify-content:space-between}.mg-col.mg-l--evenly{justify-content:space-evenly}.mg-col.mg-l--top{justify-content:flex-start}.mg-col.mg-l--middle{justify-content:center}.mg-col.mg-l--bottom{justify-content:flex-end}.mg-col.mg-l--stretch{justify-content:stretch}.mg-col.mg-l--baseline{justify-content:baseline}.mg-col.mg-l--reverse{flex-direction:column-reverse}.mg-l--grow{flex:auto}.mg-l--ungrow{flex:0}}@media screen and (min-width:1441px){.mg-xl1{flex-basis:8.33333%;max-width:8.33333%}.mg-xl2{flex-basis:16.6667%;max-width:16.6667%}.mg-xl3{flex-basis:25%;max-width:25%}.mg-xl4{flex-basis:33.3333%;max-width:33.3333%}.mg-xl5{flex-basis:41.6667%;max-width:41.6667%}.mg-xl6{flex-basis:50%;max-width:50%}.mg-xl7{flex-basis:58.3333%;max-width:58.3333%}.mg-xl8{flex-basis:66.6667%;max-width:66.6667%}.mg-xl9{flex-basis:75%;max-width:75%}.mg-xl10{flex-basis:83.3333%;max-width:83.3333%}.mg-xl11{flex-basis:91.6667%;max-width:91.6667%}.mg-xl12{flex-basis:100%;max-width:100%}.mg-xl--offset0{margin-left:0%}.mg-xl--offset1{margin-left:8.33333%}.mg-xl--offset2{margin-left:16.6667%}.mg-xl--offset3{margin-left:25%}.mg-xl--offset4{margin-left:33.3333%}.mg-xl--offset5{margin-left:41.6667%}.mg-xl--offset6{margin-left:50%}.mg-xl--offset7{margin-left:58.3333%}.mg-xl--offset8{margin-left:66.6667%}.mg-xl--offset9{margin-left:75%}.mg-xl--offset10{margin-left:83.3333%}.mg-xl--offset11{margin-left:91.6667%}.mg-xl--offset12{margin-left:100%}.mg-xl--order0{order:0}.mg-xl--order1{order:1}.mg-xl--order2{order:2}.mg-xl--order3{order:3}.mg-xl--order4{order:4}.mg-xl--order5{order:5}.mg-xl--order6{order:6}.mg-xl--order7{order:7}.mg-xl--order8{order:8}.mg-xl--order9{order:9}.mg-xl--order10{order:10}.mg-xl--order11{order:11}.mg-xl--order12{order:12}.mg-row.mg-xl--start{justify-content:flex-start}.mg-row.mg-xl--center{justify-content:center}.mg-row.mg-xl--end{justify-content:flex-end}.mg-row.mg-xl--around{justify-content:space-around}.mg-row.mg-xl--between{justify-content:space-between}.mg-row.mg-xl--evenly{justify-content:space-evenly}.mg-row.mg-xl--top{align-items:flex-start}.mg-row.mg-xl--middle{align-items:center}.mg-row.mg-xl--bottom{align-items:flex-end}.mg-row.mg-xl--stretch{align-items:stretch}.mg-row.mg-xl--baseline{align-items:baseline}.mg-row.mg-xl--reverse{flex-direction:row-reverse}.mg-col.mg-xl--start{align-items:flex-start}.mg-col.mg-xl--center{align-items:center}.mg-col.mg-xl--end{align-items:flex-end}.mg-col.mg-xl--around{justify-content:space-around}.mg-col.mg-xl--between{justify-content:space-between}.mg-col.mg-xl--evenly{justify-content:space-evenly}.mg-col.mg-xl--top{justify-content:flex-start}.mg-col.mg-xl--middle{justify-content:center}.mg-col.mg-xl--bottom{justify-content:flex-end}.mg-col.mg-xl--stretch{justify-content:stretch}.mg-col.mg-xl--baseline{justify-content:baseline}.mg-col.mg-xl--reverse{flex-direction:column-reverse}.mg-xl--grow{flex:auto}.mg-xl--ungrow{flex:0}}@media screen and (max-width:481px){.mg-s-hidden{display:none!important}}@media screen and (max-width:769px){.mg-m-hidden{display:none!important}}@media screen and (max-width:1025px){.mg-l-hidden{display:none!important}}@media screen and (max-width:1441px){.mg-xl-hidden{display:none!important}}@media screen and (min-width:481px){.mg-s-display{display:none!important}}@media screen and (min-width:769px){.mg-m-display{display:none!important}}@media screen and (min-width:1025px){.mg-l-display{display:none!important}}@media screen and (min-width:1441px){.mg-xl-display{display:none!important}}.mg-container{width:100%;max-width:1025px;margin-left:auto;margin-right:auto;padding-left:.8rem;padding-right:.8rem}.mg-container-fluid{max-width:width auto;width:100%;margin-left:auto;margin-right:auto;padding-left:.8rem;padding-right:.8rem}.mg-row{flex-flow:wrap;flex:0 auto;display:flex}.mg-gap0{gap:0}.mg-col-gap0{column-gap:0}.mg-row-gap0{row-gap:0}.mg-gap1{gap:1rem}.mg-col-gap1{column-gap:1rem}.mg-row-gap1{row-gap:1rem}.mg-gap2{gap:2rem}.mg-col-gap2{column-gap:2rem}.mg-row-gap2{row-gap:2rem}.mg-gap3{gap:3rem}.mg-col-gap3{column-gap:3rem}.mg-row-gap3{row-gap:3rem}.mg-gap4{gap:4rem}.mg-col-gap4{column-gap:4rem}.mg-row-gap4{row-gap:4rem}.mg-gap5{gap:5rem}.mg-col-gap5{column-gap:5rem}.mg-row-gap5{row-gap:5rem}.mg-gap6{gap:6rem}.mg-col-gap6{column-gap:6rem}.mg-row-gap6{row-gap:6rem}.mg-gap7{gap:7rem}.mg-col-gap7{column-gap:7rem}.mg-row-gap7{row-gap:7rem}.mg-gap8{gap:8rem}.mg-col-gap8{column-gap:8rem}.mg-row-gap8{row-gap:8rem}.mg-gap9{gap:9rem}.mg-col-gap9{column-gap:9rem}.mg-row-gap9{row-gap:9rem}.mg-gap10{gap:10rem}.mg-col-gap10{column-gap:10rem}.mg-row-gap10{row-gap:10rem}.mg-initial{color:var(--mg-color-initial)}.mg-primary{color:var(--mg-color-primary)}.mg-secondary{color:var(--mg-color-secondary)}.mg-tertiary{color:var(--mg-color-tertiary)}.mg-quaternary{color:var(--mg-color-quaternary)}.mg-quinary{color:var(--mg-color-quinary)}.mg-warning{color:var(--mg-color-orange)}.mg-danger{color:var(--mg-color-red)}.mg-success{color:var(--mg-color-green)}.mg-light{color:var(--mg-color-light)}.mg-dark{color:var(--mg-color-dark)}.mg-blue{color:var(--mg-color-blue)}.mg-red{color:var(--mg-color-red)}.mg-green{color:var(--mg-color-green)}.mg-orange{color:var(--mg-color-orange)}.mg-transparent{color:#0000}.mg-bg-initial{background-color:var(--mg-color-initial)}.mg-bg-primary{background-color:var(--mg-color-primary)}.mg-bg-secondary{background-color:var(--mg-color-secondary)}.mg-bg-tertiary{background-color:var(--mg-color-tertiary)}.mg-bg-quaternary{background-color:var(--mg-color-quaternary)}.mg-bg-quinary{background-color:var(--mg-color-quinary)}.mg-bg-warning{background-color:var(--mg-color-orange)}.mg-bg-danger{background-color:var(--mg-color-red)}.mg-bg-success{background-color:var(--mg-color-green)}.mg-bg-light{background-color:var(--mg-color-light)}.mg-bg-dark{background-color:var(--mg-color-dark)}.mg-bg-blue{background-color:var(--mg-color-blue)}.mg-bg-red{background-color:var(--mg-color-red)}.mg-bg-green{background-color:var(--mg-color-green)}.mg-bg-orange{background-color:var(--mg-color-orange)}.mg-bg-transparent{background-color:#0000}.mg-border-initial{border-color:var(--mg-color-initial)}.mg-border-primary{border-color:var(--mg-color-primary)}.mg-border-secondary{border-color:var(--mg-color-secondary)}.mg-border-tertiary{border-color:var(--mg-color-tertiary)}.mg-border-quaternary{border-color:var(--mg-color-quaternary)}.mg-border-quinary{border-color:var(--mg-color-quinary)}.mg-border-warning{border-color:var(--mg-color-orange)}.mg-border-danger{border-color:var(--mg-color-red)}.mg-border-success{border-color:var(--mg-color-green)}.mg-border-light{border-color:var(--mg-color-light)}.mg-border-dark{border-color:var(--mg-color-dark)}.mg-border-blue{border-color:var(--mg-color-blue)}.mg-border-red{border-color:var(--mg-color-red)}.mg-border-green{border-color:var(--mg-color-green)}.mg-border-orange{border-color:var(--mg-color-orange)}.mg-border-transparent{border-color:#0000}.mg-pad0{padding:0}.mg-pad-l0{padding-left:0}.mg-pad-r0{padding-right:0}.mg-pad-t0{padding-top:0}.mg-pad-b0{padding-bottom:0}.mg-marg0{margin:0}.mg-marg-l0{margin-left:0}.mg-marg-r0{margin-right:0}.mg-marg-t0{margin-top:0}.mg-marg-b0{margin-bottom:0}.mg-pad1{padding:1rem}.mg-pad-l1{padding-left:1rem}.mg-pad-r1{padding-right:1rem}.mg-pad-t1{padding-top:1rem}.mg-pad-b1{padding-bottom:1rem}.mg-marg1{margin:1rem}.mg-marg-l1{margin-left:1rem}.mg-marg-r1{margin-right:1rem}.mg-marg-t1{margin-top:1rem}.mg-marg-b1{margin-bottom:1rem}.mg-pad2{padding:2rem}.mg-pad-l2{padding-left:2rem}.mg-pad-r2{padding-right:2rem}.mg-pad-t2{padding-top:2rem}.mg-pad-b2{padding-bottom:2rem}.mg-marg2{margin:2rem}.mg-marg-l2{margin-left:2rem}.mg-marg-r2{margin-right:2rem}.mg-marg-t2{margin-top:2rem}.mg-marg-b2{margin-bottom:2rem}.mg-pad3{padding:3rem}.mg-pad-l3{padding-left:3rem}.mg-pad-r3{padding-right:3rem}.mg-pad-t3{padding-top:3rem}.mg-pad-b3{padding-bottom:3rem}.mg-marg3{margin:3rem}.mg-marg-l3{margin-left:3rem}.mg-marg-r3{margin-right:3rem}.mg-marg-t3{margin-top:3rem}.mg-marg-b3{margin-bottom:3rem}.mg-pad4{padding:4rem}.mg-pad-l4{padding-left:4rem}.mg-pad-r4{padding-right:4rem}.mg-pad-t4{padding-top:4rem}.mg-pad-b4{padding-bottom:4rem}.mg-marg4{margin:4rem}.mg-marg-l4{margin-left:4rem}.mg-marg-r4{margin-right:4rem}.mg-marg-t4{margin-top:4rem}.mg-marg-b4{margin-bottom:4rem}.mg-pad5{padding:5rem}.mg-pad-l5{padding-left:5rem}.mg-pad-r5{padding-right:5rem}.mg-pad-t5{padding-top:5rem}.mg-pad-b5{padding-bottom:5rem}.mg-marg5{margin:5rem}.mg-marg-l5{margin-left:5rem}.mg-marg-r5{margin-right:5rem}.mg-marg-t5{margin-top:5rem}.mg-marg-b5{margin-bottom:5rem}.mg-pad6{padding:6rem}.mg-pad-l6{padding-left:6rem}.mg-pad-r6{padding-right:6rem}.mg-pad-t6{padding-top:6rem}.mg-pad-b6{padding-bottom:6rem}.mg-marg6{margin:6rem}.mg-marg-l6{margin-left:6rem}.mg-marg-r6{margin-right:6rem}.mg-marg-t6{margin-top:6rem}.mg-marg-b6{margin-bottom:6rem}.mg-pad7{padding:7rem}.mg-pad-l7{padding-left:7rem}.mg-pad-r7{padding-right:7rem}.mg-pad-t7{padding-top:7rem}.mg-pad-b7{padding-bottom:7rem}.mg-marg7{margin:7rem}.mg-marg-l7{margin-left:7rem}.mg-marg-r7{margin-right:7rem}.mg-marg-t7{margin-top:7rem}.mg-marg-b7{margin-bottom:7rem}.mg-pad8{padding:8rem}.mg-pad-l8{padding-left:8rem}.mg-pad-r8{padding-right:8rem}.mg-pad-t8{padding-top:8rem}.mg-pad-b8{padding-bottom:8rem}.mg-marg8{margin:8rem}.mg-marg-l8{margin-left:8rem}.mg-marg-r8{margin-right:8rem}.mg-marg-t8{margin-top:8rem}.mg-marg-b8{margin-bottom:8rem}.mg-pad9{padding:9rem}.mg-pad-l9{padding-left:9rem}.mg-pad-r9{padding-right:9rem}.mg-pad-t9{padding-top:9rem}.mg-pad-b9{padding-bottom:9rem}.mg-marg9{margin:9rem}.mg-marg-l9{margin-left:9rem}.mg-marg-r9{margin-right:9rem}.mg-marg-t9{margin-top:9rem}.mg-marg-b9{margin-bottom:9rem}.mg-pad10{padding:10rem}.mg-pad-l10{padding-left:10rem}.mg-pad-r10{padding-right:10rem}.mg-pad-t10{padding-top:10rem}.mg-pad-b10{padding-bottom:10rem}.mg-marg10{margin:10rem}.mg-marg-l10{margin-left:10rem}.mg-marg-r10{margin-right:10rem}.mg-marg-t10{margin-top:10rem}.mg-marg-b10{margin-bottom:10rem}.mg-marg-auto{margin:auto}.mg-fit{min-width:100%}.mg-fixed-top{z-index:999;position:fixed;top:0;left:0}.mg-fixed-bottom{z-index:999;position:fixed;bottom:0;left:0}.mg-valign-middle{vertical-align:middle}.mg-relative{position:relative}.mg-absolute{position:absolute}.mg-fixed{position:fixed}.mg-static{position:static}.mg-sticky{position:-webkit-sticky;position:sticky}.mg-top{top:0}.mg-bottom{bottom:0}.mg-right{float:right;right:0}.mg-left{float:left;left:0}.mg-center{left:50%;transform:translate(-50%)}.mg-middle{top:50%;transform:translateY(-50%)}.mg-top-left{top:0;left:0}.mg-top-right{top:0;right:0}.mg-bottom-left{bottom:0;left:0}.mg-bottom-right{bottom:0;right:0}.mg-text-center{text-align:center}.mg-text-right{text-align:right}.mg-text-left{text-align:left}.mg-top0vh{width:0%vh}.mg-left0vh{height:0%vh}.mg-right0vh{min-width:0%vh}.mg-bottom0vh{min-height:0%vh}.mg-top10vh{width:10%vh}.mg-left10vh{height:10%vh}.mg-right10vh{min-width:10%vh}.mg-bottom10vh{min-height:10%vh}.mg-top20vh{width:20%vh}.mg-left20vh{height:20%vh}.mg-right20vh{min-width:20%vh}.mg-bottom20vh{min-height:20%vh}.mg-top30vh{width:30%vh}.mg-left30vh{height:30%vh}.mg-right30vh{min-width:30%vh}.mg-bottom30vh{min-height:30%vh}.mg-top40vh{width:40%vh}.mg-left40vh{height:40%vh}.mg-right40vh{min-width:40%vh}.mg-bottom40vh{min-height:40%vh}.mg-top50vh{width:50%vh}.mg-left50vh{height:50%vh}.mg-right50vh{min-width:50%vh}.mg-bottom50vh{min-height:50%vh}.mg-top60vh{width:60%vh}.mg-left60vh{height:60%vh}.mg-right60vh{min-width:60%vh}.mg-bottom60vh{min-height:60%vh}.mg-top70vh{width:70%vh}.mg-left70vh{height:70%vh}.mg-right70vh{min-width:70%vh}.mg-bottom70vh{min-height:70%vh}.mg-top80vh{width:80%vh}.mg-left80vh{height:80%vh}.mg-right80vh{min-width:80%vh}.mg-bottom80vh{min-height:80%vh}.mg-top90vh{width:90%vh}.mg-left90vh{height:90%vh}.mg-right90vh{min-width:90%vh}.mg-bottom90vh{min-height:90%vh}.mg-top100vh{width:100%vh}.mg-left100vh{height:100%vh}.mg-right100vh{min-width:100%vh}.mg-bottom100vh{min-height:100%vh}.mg-top0{top:0}.mg-left0{left:0}.mg-right0{right:0}.mg-bottom0{bottom:0}.mg-top1{top:1rem}.mg-left1{left:1rem}.mg-right1{right:1rem}.mg-bottom1{bottom:1rem}.mg-top2{top:2rem}.mg-left2{left:2rem}.mg-right2{right:2rem}.mg-bottom2{bottom:2rem}.mg-top3{top:3rem}.mg-left3{left:3rem}.mg-right3{right:3rem}.mg-bottom3{bottom:3rem}.mg-top4{top:4rem}.mg-left4{left:4rem}.mg-right4{right:4rem}.mg-bottom4{bottom:4rem}.mg-top5{top:5rem}.mg-left5{left:5rem}.mg-right5{right:5rem}.mg-bottom5{bottom:5rem}.mg-top6{top:6rem}.mg-left6{left:6rem}.mg-right6{right:6rem}.mg-bottom6{bottom:6rem}.mg-top7{top:7rem}.mg-left7{left:7rem}.mg-right7{right:7rem}.mg-bottom7{bottom:7rem}.mg-top8{top:8rem}.mg-left8{left:8rem}.mg-right8{right:8rem}.mg-bottom8{bottom:8rem}.mg-top9{top:9rem}.mg-left9{left:9rem}.mg-right9{right:9rem}.mg-bottom9{bottom:9rem}.mg-top10{top:10rem}.mg-left10{left:10rem}.mg-right10{right:10rem}.mg-bottom10{bottom:10rem}.mg-top-none{top:0%}.mg-top-half{top:50%}.mg-top-full{top:100%}.mg-left-none{left:0%}.mg-left-half{left:50%}.mg-left-full{left:100%}.mg-right-none{right:0%}.mg-right-half{right:50%}.mg-right-full{right:100%}.mg-bottom-none{bottom:0%}.mg-bottom-half{bottom:50%}.mg-bottom-full{bottom:100%}.mg-z0{z-index:1}.mg-z1{z-index:100}.mg-z2{z-index:200}.mg-z3{z-index:300}.mg-z4{z-index:400}.mg-z5{z-index:500}.mg-z-max{z-index:999}.mg-w-none{width:0%}.mg-w-half{width:50%}.mg-w-full{width:100%}.mg-h-none{height:0%}.mg-h-half{height:50%}.mg-h-full{height:100%}.mg-min-w-none{min-width:0%}.mg-min-w-half{min-width:50%}.mg-min-w-full{min-width:100%}.mg-min-h-none{min-height:0%}.mg-min-h-half{min-height:50%}.mg-min-h-full{min-height:100%}.mg-max-w-none{max-width:0%}.mg-max-w-half{max-width:50%}.mg-max-w-full{max-width:100%}.mg-max-h-none{max-height:0%}.mg-max-h-half{max-height:50%}.mg-max-h-full{max-height:100%}.mg-w0vh{width:0}.mg-h0vh{height:0}.mg-min-w0vh{min-width:0}.mg-min-h0vh{min-height:0}.mg-max-w0vh{max-width:0}.mg-max-h0vh{max-height:0}.mg-w10vh{width:10vh}.mg-h10vh{height:10vh}.mg-min-w10vh{min-width:10vh}.mg-min-h10vh{min-height:10vh}.mg-max-w10vh{max-width:10vh}.mg-max-h10vh{max-height:10vh}.mg-w20vh{width:20vh}.mg-h20vh{height:20vh}.mg-min-w20vh{min-width:20vh}.mg-min-h20vh{min-height:20vh}.mg-max-w20vh{max-width:20vh}.mg-max-h20vh{max-height:20vh}.mg-w30vh{width:30vh}.mg-h30vh{height:30vh}.mg-min-w30vh{min-width:30vh}.mg-min-h30vh{min-height:30vh}.mg-max-w30vh{max-width:30vh}.mg-max-h30vh{max-height:30vh}.mg-w40vh{width:40vh}.mg-h40vh{height:40vh}.mg-min-w40vh{min-width:40vh}.mg-min-h40vh{min-height:40vh}.mg-max-w40vh{max-width:40vh}.mg-max-h40vh{max-height:40vh}.mg-w50vh{width:50vh}.mg-h50vh{height:50vh}.mg-min-w50vh{min-width:50vh}.mg-min-h50vh{min-height:50vh}.mg-max-w50vh{max-width:50vh}.mg-max-h50vh{max-height:50vh}.mg-w60vh{width:60vh}.mg-h60vh{height:60vh}.mg-min-w60vh{min-width:60vh}.mg-min-h60vh{min-height:60vh}.mg-max-w60vh{max-width:60vh}.mg-max-h60vh{max-height:60vh}.mg-w70vh{width:70vh}.mg-h70vh{height:70vh}.mg-min-w70vh{min-width:70vh}.mg-min-h70vh{min-height:70vh}.mg-max-w70vh{max-width:70vh}.mg-max-h70vh{max-height:70vh}.mg-w80vh{width:80vh}.mg-h80vh{height:80vh}.mg-min-w80vh{min-width:80vh}.mg-min-h80vh{min-height:80vh}.mg-max-w80vh{max-width:80vh}.mg-max-h80vh{max-height:80vh}.mg-w90vh{width:90vh}.mg-h90vh{height:90vh}.mg-min-w90vh{min-width:90vh}.mg-min-h90vh{min-height:90vh}.mg-max-w90vh{max-width:90vh}.mg-max-h90vh{max-height:90vh}.mg-w100vh{width:100vh}.mg-h100vh{height:100vh}.mg-min-w100vh{min-width:100vh}.mg-min-h100vh{min-height:100vh}.mg-max-w100vh{max-width:100vh}.mg-max-h100vh{max-height:100vh}.mg-h0{height:0}.mg-w0{width:0}.mg-min-h0{min-height:0}.mg-max-h0{max-height:0}.mg-min-w0{min-width:0}.mg-max-w0{max-width:0}.mg-h1{height:1rem}.mg-w1{width:1rem}.mg-min-h1{min-height:1rem}.mg-max-h1{max-height:1rem}.mg-min-w1{min-width:1rem}.mg-max-w1{max-width:1rem}.mg-h2{height:2rem}.mg-w2{width:2rem}.mg-min-h2{min-height:2rem}.mg-max-h2{max-height:2rem}.mg-min-w2{min-width:2rem}.mg-max-w2{max-width:2rem}.mg-h3{height:3rem}.mg-w3{width:3rem}.mg-min-h3{min-height:3rem}.mg-max-h3{max-height:3rem}.mg-min-w3{min-width:3rem}.mg-max-w3{max-width:3rem}.mg-h4{height:4rem}.mg-w4{width:4rem}.mg-min-h4{min-height:4rem}.mg-max-h4{max-height:4rem}.mg-min-w4{min-width:4rem}.mg-max-w4{max-width:4rem}.mg-h5{height:5rem}.mg-w5{width:5rem}.mg-min-h5{min-height:5rem}.mg-max-h5{max-height:5rem}.mg-min-w5{min-width:5rem}.mg-max-w5{max-width:5rem}.mg-h6{height:6rem}.mg-w6{width:6rem}.mg-min-h6{min-height:6rem}.mg-max-h6{max-height:6rem}.mg-min-w6{min-width:6rem}.mg-max-w6{max-width:6rem}.mg-h7{height:7rem}.mg-w7{width:7rem}.mg-min-h7{min-height:7rem}.mg-max-h7{max-height:7rem}.mg-min-w7{min-width:7rem}.mg-max-w7{max-width:7rem}.mg-h8{height:8rem}.mg-w8{width:8rem}.mg-min-h8{min-height:8rem}.mg-max-h8{max-height:8rem}.mg-min-w8{min-width:8rem}.mg-max-w8{max-width:8rem}.mg-h9{height:9rem}.mg-w9{width:9rem}.mg-min-h9{min-height:9rem}.mg-max-h9{max-height:9rem}.mg-min-w9{min-width:9rem}.mg-max-w9{max-width:9rem}.mg-h10{height:10rem}.mg-w10{width:10rem}.mg-min-h10{min-height:10rem}.mg-max-h10{max-height:10rem}.mg-min-w10{min-width:10rem}.mg-max-w10{max-width:10rem}.mg-box-border{box-sizing:border-box}.mg-box-content{box-sizing:content-box}.mg-block{display:block}.mg-inline{display:inline}.mg-inline-block{display:inline-block}.mg-inline-table{display:inline-table}.mg-inline-flex{display:inline-flex}.mg-wrap{flex-wrap:wrap}.mg-nowrap{flex-wrap:nowrap}.mg-none{display:none}.mg-show{opacity:1;visibility:visible}.mg-clearfix{transform:scale(1)}.mg-clearfix:after,.mg-clearfix:before{content:"";display:table}.mg-clearfix:after{clear:both}.mg-shadow{box-shadow:var(--mg-control-shadow)}.mg-overflow-auto{overflow:auto}.mg-overflow-hidden{overflow:hidden}.mg-overflow-x-auto{overflow-x:auto}.mg-overflow-y-auto{overflow-y:auto}.mg-overflow-x-hidden{overflow-x:hidden}.mg-overflow-y-hidden{overflow-y:hidden}.mg-visible{visibility:visible}.mg-hidden{visibility:hidden}.mg-rounded{border-radius:var(--mg-control-radius)}.mg-rounded0{border-radius:0}.mg-rounded-tl0{border-top-left-radius:0}.mg-rounded-tr0{border-top-right-radius:0}.mg-rounded-br0{border-bottom-right-radius:0}.mg-rounded-bl0{border-bottom-left-radius:0}.mg-rounded1{border-radius:1rem}.mg-rounded-tl1{border-top-left-radius:1rem}.mg-rounded-tr1{border-top-right-radius:1rem}.mg-rounded-br1{border-bottom-right-radius:1rem}.mg-rounded-bl1{border-bottom-left-radius:1rem}.mg-rounded2{border-radius:2rem}.mg-rounded-tl2{border-top-left-radius:2rem}.mg-rounded-tr2{border-top-right-radius:2rem}.mg-rounded-br2{border-bottom-right-radius:2rem}.mg-rounded-bl2{border-bottom-left-radius:2rem}.mg-rounded3{border-radius:3rem}.mg-rounded-tl3{border-top-left-radius:3rem}.mg-rounded-tr3{border-top-right-radius:3rem}.mg-rounded-br3{border-bottom-right-radius:3rem}.mg-rounded-bl3{border-bottom-left-radius:3rem}.mg-rounded4{border-radius:4rem}.mg-rounded-tl4{border-top-left-radius:4rem}.mg-rounded-tr4{border-top-right-radius:4rem}.mg-rounded-br4{border-bottom-right-radius:4rem}.mg-rounded-bl4{border-bottom-left-radius:4rem}.mg-rounded5{border-radius:5rem}.mg-rounded-tl5{border-top-left-radius:5rem}.mg-rounded-tr5{border-top-right-radius:5rem}.mg-rounded-br5{border-bottom-right-radius:5rem}.mg-rounded-bl5{border-bottom-left-radius:5rem}.mg-rounded6{border-radius:6rem}.mg-rounded-tl6{border-top-left-radius:6rem}.mg-rounded-tr6{border-top-right-radius:6rem}.mg-rounded-br6{border-bottom-right-radius:6rem}.mg-rounded-bl6{border-bottom-left-radius:6rem}.mg-rounded7{border-radius:7rem}.mg-rounded-tl7{border-top-left-radius:7rem}.mg-rounded-tr7{border-top-right-radius:7rem}.mg-rounded-br7{border-bottom-right-radius:7rem}.mg-rounded-bl7{border-bottom-left-radius:7rem}.mg-rounded8{border-radius:8rem}.mg-rounded-tl8{border-top-left-radius:8rem}.mg-rounded-tr8{border-top-right-radius:8rem}.mg-rounded-br8{border-bottom-right-radius:8rem}.mg-rounded-bl8{border-bottom-left-radius:8rem}.mg-rounded9{border-radius:9rem}.mg-rounded-tl9{border-top-left-radius:9rem}.mg-rounded-tr9{border-top-right-radius:9rem}.mg-rounded-br9{border-bottom-right-radius:9rem}.mg-rounded-bl9{border-bottom-left-radius:9rem}.mg-rounded10{border-radius:10rem}.mg-rounded-tl10{border-top-left-radius:10rem}.mg-rounded-tr10{border-top-right-radius:10rem}.mg-rounded-br10{border-bottom-right-radius:10rem}.mg-rounded-bl10{border-bottom-left-radius:10rem}.mg-rounded-none{border-radius:0%}.mg-rounded-half{border-radius:50%}.mg-rounded-full{border-radius:100%}.mg-border{border-style:solid;border-width:.12rem}.mg-border-thin{border-style:solid;border-width:.07rem}.mg-border-bold{border-style:solid;border-width:.19rem}.mg-border-bolder{border-style:solid;border-width:.31rem}.mg-pointer{cursor:pointer}.mg-icon{box-sizing:content-box;font-size:inherit;text-indent:-9999rem;vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;margin-left:.4rem;margin-right:.4rem;font-style:normal;display:inline-block;position:relative}.mg-icon:before,.mg-icon:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mg-icon.mg-icon--s{font-size:calc(var(--mg-base-font-size)*.2 + 1rem);min-width:calc(var(--mg-base-font-size)*.2 + 1rem);min-height:calc(var(--mg-base-font-size)*.2 + 1rem)}.mg-icon.mg-icon--m{font-size:calc(var(--mg-base-font-size));min-width:calc(var(--mg-base-font-size));min-height:calc(var(--mg-base-font-size))}.mg-icon.mg-icon--l{font-size:calc(var(--mg-base-font-size)*1.1);min-width:calc(var(--mg-base-font-size)*1.1);min-height:calc(var(--mg-base-font-size)*1.1)}.mg-icon.mg-icon--xl{font-size:calc(var(--mg-base-font-size)*1.3);min-width:calc(var(--mg-base-font-size)*1.3);min-height:calc(var(--mg-base-font-size)*1.3)}.mg-icon.mg-icon--2xl{font-size:calc(var(--mg-base-font-size)*1.5);min-width:calc(var(--mg-base-font-size)*1.5);min-height:calc(var(--mg-base-font-size)*1.5)}.mg-icon.mg-icon--3xl{font-size:calc(var(--mg-base-font-size)*2);min-width:calc(var(--mg-base-font-size)*2);min-height:calc(var(--mg-base-font-size)*2)}.mg-icon.mg-icon--4xl{font-size:calc(var(--mg-base-font-size)*2.4);min-width:calc(var(--mg-base-font-size)*2.4);min-height:calc(var(--mg-base-font-size)*2.4)}.mg-icon.mg-icon--5xl{font-size:calc(var(--mg-base-font-size)*3.5);min-width:calc(var(--mg-base-font-size)*3.5);min-height:calc(var(--mg-base-font-size)*3.5)}.icon-rounded-check:before,.icon-check:before{border-top:0;border-bottom:.2rem solid;border-left:.2rem solid;border-right:0;width:1.12rem;height:.8rem;transform:translate(-50%,-.6rem)rotate(-45deg)}.icon-rounded-check{border:.2rem solid;border-radius:50%;padding:.1rem}.icon-close:before{background:currentColor;width:100%;height:.2rem}.icon-close:after{background:currentColor;width:.2rem;height:100%}.icon-close:before,.icon-close:after{transform:translate(-50%,-50%)rotate(45deg)}.icon-minus:before,.icon-plus:before{background:currentColor;width:100%;height:.2rem}.icon-plus:after{background:currentColor;width:.2rem;height:100%}.icon-spinner{border:.2rem solid;border-top-color:#0000;border-radius:50%;animation:1s linear infinite mg-rotate}.icon-spinner:before{background:currentColor}.icon-stop{border:.2rem solid;border-radius:50%}.icon-stop:after,.icon-stop:before{content:"";box-sizing:border-box;text-align:center;background:currentColor;border-radius:80.17rem;width:.25rem;margin-top:25%;display:block;position:absolute}.icon-stop:after{height:40%;top:.25rem}.icon-stop:before{height:.25rem;bottom:.25rem}.icon-search:before{border:.2rem solid;border-radius:100%;width:60%;height:60%;top:40%}.icon-search:after{content:"";background:currentColor;border-radius:.187rem;width:.25rem;height:40%;position:absolute;top:65%;left:20%;transform:rotate(30deg)}.icon-arrow-down:before,.icon-arrow-left:before,.icon-arrow-right:before,.icon-arrow-up:before,.icon-downward:before,.icon-back:before,.icon-forward:before,.icon-upward:before{border:0;border-top:.2rem solid;border-left:.2rem solid;width:1.04rem;height:1.04rem}.icon-arrow-down:before{transform:translate(-50%,-75%)rotate(225deg)}.icon-arrow-left:before{transform:translate(-25%,-50%)rotate(-45deg)}.icon-arrow-right:before{transform:translate(-75%,-50%)rotate(135deg)}.icon-arrow-up:before{transform:translate(-50%,-25%)rotate(45deg)}.icon-back:after,.icon-forward:after{background:currentColor;width:1.28rem;height:.2rem}.icon-downward:after,.icon-upward:after{background:currentColor;width:.2rem;height:1.28rem}.icon-back:after{left:55%}.icon-back:before{transform:translate(-50%,-50%)rotate(-45deg)}.icon-downward:after{top:45%}.icon-downward:before{transform:translate(-50%,-50%)rotate(-135deg)}.icon-forward:after{left:45%}.icon-forward:before{transform:translate(-50%,-50%)rotate(135deg)}.icon-upward:after{top:55%}.icon-upward:before{transform:translate(-50%,-50%)rotate(45deg)}.icon-caret:before{border-top:.48rem solid;border-left:.48rem solid #0000;border-right:.48rem solid #0000;width:0;height:0;transform:translate(-50%,-25%)}.icon-menu:before{background:currentColor;border:.0666667rem solid;width:75%;box-shadow:0 -.6rem,0 .6rem}.icon-apps:before{background:currentColor;width:.32rem;height:.32rem;box-shadow:-.56rem -.56rem,-.56rem 0,-.56rem .56rem,0 -.56rem,0 .56rem,.56rem -.56rem,.56rem 0,.56rem .56rem}.icon-more-inline:before,.icon-more:before{background:currentColor;border-radius:50%;width:.32rem;height:.32rem;box-shadow:-.64rem 0,.64rem 0}.icon-more:before{box-shadow:0 -.64rem,0 .64rem}
\ No newline at end of file
diff --git a/dist/css/mgplus.css.map b/dist/css/mgplus.css.map
index 9db1546..489a04b 100644
--- a/dist/css/mgplus.css.map
+++ b/dist/css/mgplus.css.map
@@ -1,12 +1 @@
-{
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2IF;;;;;;AAAA;;;;;;AAAA;;;;;;AAAA;;;;;;AAOA;;;;;;AAAA;;;;;;AAAA;;;;;;AAAA",
-  "sources": [
-    "src/scss/extensions/mg-grid-utilities.scss"
-  ],
-  "sourcesContent": [
-    "@use \"sass:math\";\r\n\r\n@mixin grid-column($_gutter: $grid__gutter) {\r\n  flex: 0 0 100%;\r\n  max-width: 100%;\r\n\r\n  // Prevent columns from collapsing when empty\r\n  min-height: 0.125rem;\r\n\r\n  // Inner gutter via padding\r\n  padding-left: calc($_gutter / 2);\r\n  padding-right: calc($_gutter / 2);\r\n}\r\n\r\n//  Centered container element\r\n@mixin init-container($_gutter: $grid__gutter) {\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  padding-right: 0.8rem;\r\n  padding-left: 0.8rem;\r\n  width: 100%;\r\n}\r\n\r\n//  Creates a wrapper for a series of columns\r\n@mixin init-row($_gutter: $grid__gutter) {\r\n  display: flex;\r\n  flex: 0 1 auto;\r\n  flex-flow: row wrap;\r\n}\r\n\r\n//  Generate default columns\r\n@mixin create-x($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  max-width: math.percentage(calc($_columns / $grid__columns));\r\n}\r\n\r\n@mixin create-x-offset($_columns) {\r\n  margin-left: math.percentage(calc($_columns / $grid__columns));\r\n}\r\n\r\n//  Generate small columns\r\n@mixin create-s($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  @media screen and (min-width: $screen-s) {\r\n    max-width: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n@mixin create-s-offset($_columns) {\r\n  @media screen and (min-width: $screen-s) {\r\n    margin-left: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n//  Generate medium columns\r\n@mixin create-m($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  @media screen and (min-width: $screen-m) {\r\n    max-width: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n@mixin create-m-offset($_columns) {\r\n  @media screen and (min-width: $screen-m) {\r\n    margin-left: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n//  Generate large columns\r\n@mixin create-l($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  @media screen and (min-width: $screen-l) {\r\n    max-width: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n@mixin create-l-offset($_columns) {\r\n  @media screen and (min-width: $screen-l) {\r\n    margin-left: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n//  Grid generation\r\n\r\n@mixin create-all-grid-columns($i: 1,\r\n  $list: \".#{$name-x}#{$i}, .#{$name-s}#{$i}, .#{$name-m}#{$i}, .#{$name-l}#{$i}, .#{$name-xl}#{$i}\"\r\n\r\n) {\r\n  @for $i from (1 + 1) through $grid__columns {\r\n    $list: \"#{$list}, .#{$name-x}#{$i}, .#{$name-s}#{$i}, .#{$name-m}#{$i}, .#{$name-l}#{$i}, .#{$name-xl}#{$i}\";\r\n  }\r\n\r\n  #{$list} {\r\n    @include grid-column;\r\n  }\r\n}\r\n\r\n@mixin calc-grid-column($index, $class, $type) {\r\n  @if $type ==width and $index >0 {\r\n    .#{$class}#{$index} {\r\n      flex-basis: math.percentage(calc($index / $grid__columns));\r\n      max-width: math.percentage(calc($index / $grid__columns));\r\n    }\r\n  }\r\n\r\n  @if $type ==offset {\r\n    .#{$class}--offset#{$index} {\r\n      margin-left: math.percentage(calc($index / $grid__columns));\r\n    }\r\n  }\r\n\r\n  @if $type ==order {\r\n    .#{$class}--order#{$index} {\r\n      order: $index;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin loop-grid-columns($columns, $class, $type) {\r\n  @for $i from 0 through $columns {\r\n    @include calc-grid-column($i, $class, $type);\r\n  }\r\n}\r\n\r\n// Create positioning classes\r\n@mixin create-positioning-col($_class) {\r\n  .mg-col.#{$_class}--start {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .mg-col.#{$_class}--center {\r\n    align-items: center;\r\n  }\r\n\r\n  .mg-col.#{$_class}--end {\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .mg-col.#{$_class}--around {\r\n    justify-content: space-around;\r\n  }\r\n\r\n  .mg-col.#{$_class}--between {\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .mg-col.#{$_class}--evenly {\r\n    justify-content: space-evenly;\r\n  }\r\n\r\n  .mg-col.#{$_class}--top {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .mg-col.#{$_class}--middle {\r\n    justify-content: center;\r\n  }\r\n\r\n  .mg-col.#{$_class}--bottom {\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .mg-col.#{$_class}--stretch {\r\n    justify-content: stretch;\r\n  }\r\n\r\n  .mg-col.#{$_class}--baseline {\r\n    justify-content: baseline;\r\n  }\r\n\r\n  .mg-col.#{$_class}--reverse {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n// Create positioning classes\r\n@mixin create-positioning-row($_class) {\r\n  .mg-row.#{$_class}--start {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .mg-row.#{$_class}--center {\r\n    justify-content: center;\r\n  }\r\n\r\n  .mg-row.#{$_class}--end {\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .mg-row.#{$_class}--around {\r\n    justify-content: space-around;\r\n  }\r\n\r\n  .mg-row.#{$_class}--between {\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .mg-row.#{$_class}--evenly {\r\n    justify-content: space-evenly;\r\n  }\r\n\r\n  .mg-row.#{$_class}--top {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .mg-row.#{$_class}--middle {\r\n    align-items: center;\r\n  }\r\n\r\n  .mg-row.#{$_class}--bottom {\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .mg-row.#{$_class}--stretch {\r\n    align-items: stretch;\r\n  }\r\n\r\n  .mg-row.#{$_class}--baseline {\r\n    align-items: baseline;\r\n  }\r\n\r\n  .mg-row.#{$_class}--reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n}\r\n\r\n@mixin create-growing-effects($_class) {\r\n  .#{$_class}--grow {\r\n    flex: 1 1 auto;\r\n  }\r\n\r\n  .#{$_class}--ungrow {\r\n    flex: 0;\r\n  }\r\n}\r\n\r\n// Create hidden classes\r\n@mixin create-conditional-hidden($_class) {\r\n  .#{$_class}-hidden {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n// Create diplay classes\r\n@mixin create-conditional-display($_class) {\r\n  .#{$_class}-display {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n// Create grid for specific class\r\n@mixin create-grid-columns($_class) {\r\n  @include loop-grid-columns($grid__columns, $_class, width);\r\n  @include loop-grid-columns($grid__columns, $_class, offset);\r\n  @include loop-grid-columns($grid__columns, $_class, order);\r\n  @include create-positioning-row($_class);\r\n  @include create-positioning-col($_class);\r\n  @include create-growing-effects($_class);\r\n\r\n}\r\n\r\n@mixin create-gap-utilities($rem-map) {\r\n  @each $key, $value in $rem-map {\r\n    .mg-gap#{$key} {\r\n      gap: #{$value};\r\n    }\r\n\r\n    .mg-col-gap#{$key} {\r\n      column-gap: #{$value};\r\n    }\r\n\r\n    .mg-row-gap#{$key} {\r\n      row-gap: #{$value};\r\n    }\r\n  }\r\n}"
-  ],
-  "names": [],
-  "version": 3,
-  "file": "mgplus.css.map"
-}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AANA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;AACE;;;;;;AADF;;;;;;;;;;;;AACE;;;;;;AAKF","sources":["src/scss/extensions/mg-grid-utilities.scss"],"sourcesContent":["@use \"sass:math\";\r\n\r\n@mixin grid-column($_gutter: $grid__gutter) {\r\n  flex: 0 0 100%;\r\n  max-width: 100%;\r\n\r\n  // Prevent columns from collapsing when empty\r\n  min-height: 0.125rem;\r\n\r\n  // Inner gutter via padding\r\n  padding-left: calc($_gutter / 2);\r\n  padding-right: calc($_gutter / 2);\r\n}\r\n\r\n//  Centered container element\r\n@mixin init-container($_gutter: $grid__gutter) {\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  padding-right: 0.8rem;\r\n  padding-left: 0.8rem;\r\n  width: 100%;\r\n}\r\n\r\n//  Creates a wrapper for a series of columns\r\n@mixin init-row($_gutter: $grid__gutter) {\r\n  display: flex;\r\n  flex: 0 1 auto;\r\n  flex-flow: row wrap;\r\n}\r\n\r\n//  Generate default columns\r\n@mixin create-x($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  max-width: math.percentage(calc($_columns / $grid__columns));\r\n}\r\n\r\n@mixin create-x-offset($_columns) {\r\n  margin-left: math.percentage(calc($_columns / $grid__columns));\r\n}\r\n\r\n//  Generate small columns\r\n@mixin create-s($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  @media screen and (min-width: $screen-s) {\r\n    max-width: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n@mixin create-s-offset($_columns) {\r\n  @media screen and (min-width: $screen-s) {\r\n    margin-left: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n//  Generate medium columns\r\n@mixin create-m($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  @media screen and (min-width: $screen-m) {\r\n    max-width: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n@mixin create-m-offset($_columns) {\r\n  @media screen and (min-width: $screen-m) {\r\n    margin-left: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n//  Generate large columns\r\n@mixin create-l($_columns, $_gutter: $grid__gutter) {\r\n  @include grid-column($_gutter);\r\n\r\n  @media screen and (min-width: $screen-l) {\r\n    max-width: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n@mixin create-l-offset($_columns) {\r\n  @media screen and (min-width: $screen-l) {\r\n    margin-left: math.percentage(calc($_columns / $grid__columns));\r\n  }\r\n}\r\n\r\n//  Grid generation\r\n\r\n@mixin create-all-grid-columns($i: 1,\r\n  $list: \".#{$name-x}#{$i}, .#{$name-s}#{$i}, .#{$name-m}#{$i}, .#{$name-l}#{$i}, .#{$name-xl}#{$i}\"\r\n\r\n) {\r\n  @for $i from (1 + 1) through $grid__columns {\r\n    $list: \"#{$list}, .#{$name-x}#{$i}, .#{$name-s}#{$i}, .#{$name-m}#{$i}, .#{$name-l}#{$i}, .#{$name-xl}#{$i}\";\r\n  }\r\n\r\n  #{$list} {\r\n    @include grid-column;\r\n  }\r\n}\r\n\r\n@mixin calc-grid-column($index, $class, $type) {\r\n  @if $type ==width and $index >0 {\r\n    .#{$class}#{$index} {\r\n      flex-basis: math.percentage(calc($index / $grid__columns));\r\n      max-width: math.percentage(calc($index / $grid__columns));\r\n    }\r\n  }\r\n\r\n  @if $type ==offset {\r\n    .#{$class}--offset#{$index} {\r\n      margin-left: math.percentage(calc($index / $grid__columns));\r\n    }\r\n  }\r\n\r\n  @if $type ==order {\r\n    .#{$class}--order#{$index} {\r\n      order: $index;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin loop-grid-columns($columns, $class, $type) {\r\n  @for $i from 0 through $columns {\r\n    @include calc-grid-column($i, $class, $type);\r\n  }\r\n}\r\n\r\n// Create positioning classes\r\n@mixin create-positioning-col($_class) {\r\n  .mg-col.#{$_class}--start {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .mg-col.#{$_class}--center {\r\n    align-items: center;\r\n  }\r\n\r\n  .mg-col.#{$_class}--end {\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .mg-col.#{$_class}--around {\r\n    justify-content: space-around;\r\n  }\r\n\r\n  .mg-col.#{$_class}--between {\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .mg-col.#{$_class}--evenly {\r\n    justify-content: space-evenly;\r\n  }\r\n\r\n  .mg-col.#{$_class}--top {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .mg-col.#{$_class}--middle {\r\n    justify-content: center;\r\n  }\r\n\r\n  .mg-col.#{$_class}--bottom {\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .mg-col.#{$_class}--stretch {\r\n    justify-content: stretch;\r\n  }\r\n\r\n  .mg-col.#{$_class}--baseline {\r\n    justify-content: baseline;\r\n  }\r\n\r\n  .mg-col.#{$_class}--reverse {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n// Create positioning classes\r\n@mixin create-positioning-row($_class) {\r\n  .mg-row.#{$_class}--start {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .mg-row.#{$_class}--center {\r\n    justify-content: center;\r\n  }\r\n\r\n  .mg-row.#{$_class}--end {\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .mg-row.#{$_class}--around {\r\n    justify-content: space-around;\r\n  }\r\n\r\n  .mg-row.#{$_class}--between {\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .mg-row.#{$_class}--evenly {\r\n    justify-content: space-evenly;\r\n  }\r\n\r\n  .mg-row.#{$_class}--top {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .mg-row.#{$_class}--middle {\r\n    align-items: center;\r\n  }\r\n\r\n  .mg-row.#{$_class}--bottom {\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .mg-row.#{$_class}--stretch {\r\n    align-items: stretch;\r\n  }\r\n\r\n  .mg-row.#{$_class}--baseline {\r\n    align-items: baseline;\r\n  }\r\n\r\n  .mg-row.#{$_class}--reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n}\r\n\r\n@mixin create-growing-effects($_class) {\r\n  .#{$_class}--grow {\r\n    flex: 1 1 auto;\r\n  }\r\n\r\n  .#{$_class}--ungrow {\r\n    flex: 0;\r\n  }\r\n}\r\n\r\n// Create hidden classes\r\n@mixin create-conditional-hidden($_class) {\r\n  .#{$_class}-hidden {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n// Create diplay classes\r\n@mixin create-conditional-display($_class) {\r\n  .#{$_class}-display {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n// Create grid for specific class\r\n@mixin create-grid-columns($_class) {\r\n  @include loop-grid-columns($grid__columns, $_class, width);\r\n  @include loop-grid-columns($grid__columns, $_class, offset);\r\n  @include loop-grid-columns($grid__columns, $_class, order);\r\n  @include create-positioning-row($_class);\r\n  @include create-positioning-col($_class);\r\n  @include create-growing-effects($_class);\r\n\r\n}\r\n\r\n@mixin create-gap-utilities($rem-map) {\r\n  @each $key, $value in $rem-map {\r\n    .mg-gap#{$key} {\r\n      gap: #{$value};\r\n    }\r\n\r\n    .mg-col-gap#{$key} {\r\n      column-gap: #{$value};\r\n    }\r\n\r\n    .mg-row-gap#{$key} {\r\n      row-gap: #{$value};\r\n    }\r\n  }\r\n}"],"names":[],"version":3,"file":"mgplus.css.map"}
\ No newline at end of file
diff --git a/dist/js/mgplus-dom.js.map b/dist/js/mgplus-dom.js.map
index 65d5d49..db8bbd1 100644
--- a/dist/js/mgplus-dom.js.map
+++ b/dist/js/mgplus-dom.js.map
@@ -1 +1 @@
-{"mappings":"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","sources":["src/plugins/mgplus-dom.js","src/plugins/mgCollapse.js","src/plugins/mgDropdown.js","src/plugins/mgModal.js","src/plugins/mgNav.js","src/plugins/mgTabs.js","src/plugins/mgDarkMode.js"],"sourcesContent":["import registergCollapses from \"./mgCollapse.js\";\r\nimport registerDropdowns from \"./mgDropdown.js\";\r\nimport registerModals from \"./mgModal.js\";\r\nimport registerNavs from \"./mgNav.js\";\r\nimport registerTabs from \"./mgTabs.js\";\r\nimport registerDarkMode from \"./mgDarkMode.js\";\r\n\r\n(function (window) {\r\n  function registerDarkModePlugin() {\r\n    registerDarkMode();\r\n  }\r\n  //autorun : true or false\r\n  //plugins : [\"dropdowns\", \"modals\", \"navs\", \"collapses\", \"darkmode\"]\r\n  function registerPlugins(autorun, plugins) {\r\n    const pluginsArgs = plugins ? plugins : [];\r\n    console.log(\r\n      `mgplus - registering DOM plugins (autorun=${\r\n        autorun ? \"true\" : \"false\"\r\n      })`,\r\n      plugins\r\n    );\r\n    pluginsArgs.map(function (pluginName) {\r\n      switch (pluginName) {\r\n        case \"dropdowns\":\r\n          registerDropdowns();\r\n          break;\r\n        case \"modals\":\r\n          registerModals();\r\n          break;\r\n        case \"navs\":\r\n          registerNavs();\r\n          break;\r\n        case \"tabs\":\r\n          registerTabs();\r\n          break;\r\n        case \"collapses\":\r\n          registergCollapses();\r\n          break;\r\n        case \"darkmode\":\r\n          registerDarkModePlugin();\r\n          break;\r\n        default:\r\n          console.log(`mgplus - plugin not found: ${pluginName}`);\r\n          return;\r\n      }\r\n      console.log(`mgplus - registered plugin: ${pluginName}`);\r\n    });\r\n  }\r\n\r\n  // extracts the params from the currently running (external) script\r\n  function getScriptUrl() {\r\n    const scripts = document.getElementsByTagName(\"script\");\r\n\r\n    for (let i = 0; i < scripts.length; i++) {\r\n      const scriptUrl = scripts[i] && scripts[i].src;\r\n\r\n      if (scriptUrl.indexOf(\"mgplus-dom.js\") > 0) {\r\n        return scriptUrl;\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  // gets the Query Params of a given query string\r\n  function getQueryParam(name, query) {\r\n    name = name.replace(/[[]/, \"\\\\[\").replace(/[]]/, \"\\\\]\");\r\n    var regexS = \"[\\\\?&]\" + name + \"=([^&#]*)\";\r\n    var regex = new RegExp(regexS);\r\n    var results = regex.exec(query);\r\n\r\n    if (results == null) return \"\";\r\n    else return results[1];\r\n  }\r\n  window.mgplus = {\r\n    registerPlugins,\r\n  };\r\n  window.addEventListener(\"DOMContentLoaded\", () => {\r\n    const plugins = getQueryParam(\"register_plugins\", getScriptUrl());\r\n    registerPlugins(true, plugins ? plugins.split(\",\") : []);\r\n  });\r\n})(window);\r\n","export default function registergCollapses() {\r\n  document.querySelectorAll(\"[data-toggle~=collapse]\").forEach(setupCollapse);\r\n  function setupCollapse(collapseToggle) {\r\n    const targetToCollapse = collapseToggle.getAttribute(\"data-target\");\r\n    collapseToggle.setAttribute(\"aria-haspopup\", \"true\");\r\n    collapseToggle.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n    const collapseContent = targetToCollapse\r\n      ? document.getElementById(targetToCollapse)\r\n      : collapseToggle.nextElementSibling;\r\n\r\n    collapseContent.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n    collapseToggle.onclick = toggleCollapse;\r\n\r\n    function toggleCollapse(e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      if (collapseToggle.getAttribute(\"aria-expanded\") === \"true\") {\r\n        collapseToggle.setAttribute(\"aria-expanded\", \"false\");\r\n        collapseToggle.setAttribute(\"aria-hidden\", \"true\");\r\n        collapseToggle.classList.remove(\"opened\");\r\n        return;\r\n      }\r\n\r\n      collapseToggle.setAttribute(\"aria-expanded\", \"true\");\r\n      collapseToggle.setAttribute(\"aria-hidden\", \"false\");\r\n      collapseToggle.classList.add(\"opened\");\r\n      return;\r\n    }\r\n  }\r\n}\r\n","export default function registergDropdowns() {\r\n  let currentDropdown = null;\r\n  document.querySelectorAll(\"[data-toggle~=dropdown]\").forEach(setupDropdown);\r\n  function setupDropdown(dropdownToggle) {\r\n    dropdownToggle.setAttribute(\"aria-haspopup\", \"true\");\r\n    dropdownToggle.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n    const dropdownContent = dropdownToggle.nextElementSibling;\r\n    dropdownContent.setAttribute(\"aria-hidden\", \"true\");\r\n    dropdownToggle.onclick = toggleDropdown;\r\n\r\n    function toggleDropdown(e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      if (dropdownToggle.getAttribute(\"aria-expanded\") === \"true\") {\r\n        dropdownToggle.setAttribute(\"aria-expanded\", \"false\");\r\n        dropdownContent.setAttribute(\"aria-hidden\", \"true\");\r\n        dropdownToggle.classList.remove(\"opened\");\r\n        currentDropdown = null;\r\n        return;\r\n      }\r\n      closeCurrent.call(undefined);\r\n\r\n      dropdownToggle.setAttribute(\"aria-expanded\", \"true\");\r\n      dropdownContent.setAttribute(\"aria-hidden\", \"false\");\r\n      dropdownToggle.classList.add(\"opened\");\r\n      dropdownContent.children[0].focus();\r\n      currentDropdown = dropdownToggle;\r\n      return;\r\n    }\r\n  }\r\n  function closeCurrent() {\r\n    if (currentDropdown) {\r\n      currentDropdown.setAttribute(\"aria-expanded\", \"false\");\r\n      currentDropdown.setAttribute(\"aria-hidden\", \"true\");\r\n      currentDropdown.classList.remove(\"opened\");\r\n      currentDropdown = false;\r\n    }\r\n  }\r\n\r\n  window.onclick = function (event) {\r\n    const element = event.target;\r\n\r\n    if (!element.classList) return;\r\n    if (element.classList.contains(\"mg-dropdown\")) return;\r\n    if (element.classList.contains(\"mg-dropdown--content\")) return;\r\n    closeCurrent.call(undefined);\r\n  };\r\n}\r\n","export default function registerModals() {\r\n  // Select all elements with data-toggle attribute containing \"modal\" and setup modal for each\r\n  document.querySelectorAll(\"[data-toggle~=modal]\").forEach(setupModal);\r\n\r\n  // Function to setup modal for an element\r\n  function setupModal(el) {\r\n    // Function to handle modal removal\r\n    function removeModalHandler() {\r\n      modal.classList.remove(\"mg-show\");\r\n    }\r\n\r\n    // Select the modal and close button elements\r\n    var modal = document.querySelector(\"#\" + el.getAttribute(\"data-target\"));\r\n\r\n    var close = modal.querySelector(\"[data-action=close]\");\r\n\r\n    // Add event listener to the element to show modal on click\r\n    el.addEventListener(\"click\", function (ev) {\r\n      modal.classList.add(\"mg-show\");\r\n    });\r\n\r\n    // Add event listener to the close button to remove modal on click\r\n    close.addEventListener(\"click\", function (ev) {\r\n      ev.stopPropagation();\r\n      removeModalHandler();\r\n    });\r\n  }\r\n}\r\n","export default function registerNavs() {\r\n  document.querySelectorAll(\"[data-toggle~=nav]\").forEach(setupNav);\r\n  function setupNav(nav) {\r\n    const items = nav.getElementsByTagName(\"li\");\r\n\r\n    for (let j = 0; j < items.length; j++) {\r\n      const item = items[j];\r\n\r\n      if (\r\n        item.classList.contains(\"active\") ||\r\n        item.getAttribute(\"data-active\") === \"true\"\r\n      ) {\r\n        item.setAttribute(\"data-active\", \"true\");\r\n        item.classList.add(\"active\");\r\n      }\r\n    }\r\n\r\n    nav.addEventListener(\"click\", function (e) {\r\n      let selector = e.target;\r\n      console.log(e.target.parentNode);\r\n      if (e.target.parentNode.tagName == \"LI\") {\r\n        selector = e.target.parentNode;\r\n      }\r\n      if (selector.getAttribute(\"data-active\") !== \"true\") {\r\n        //disable all selected tabs\r\n        let items = nav.getElementsByTagName(\"li\");\r\n        for (let j = 0; j < items.length; j++) {\r\n          const item = items[j];\r\n          item.classList.remove(\"active\");\r\n          item.setAttribute(\"data-active\", \"false\");\r\n        }\r\n        //activate selected tab\r\n        selector.classList.add(\"active\");\r\n        selector.setAttribute(\"data-active\", \"true\");\r\n      }\r\n    });\r\n  }\r\n}\r\n","export default function registerTabs() {\r\n  document.querySelectorAll(\"[data-toggle~=tabs]\").forEach(setupTabs);\r\n  function setupTabs(tabs) {\r\n    let items = tabs.getElementsByClassName(\"mg-tabs--item\");\r\n\r\n    for (let j = 0; j < items.length; j++) {\r\n      const item = items[j];\r\n      if (\r\n        item.classList.contains(\"active\") ||\r\n        item.getAttribute(\"data-active\") === \"true\"\r\n      ) {\r\n        item.setAttribute(\"data-active\", \"true\");\r\n        item.classList.add(\"active\");\r\n\r\n        const targetToShow = item.getAttribute(\"data-target\");\r\n\r\n        if (targetToShow) {\r\n          const el = document.getElementById(targetToShow);\r\n          if (el) {\r\n            el.style.display = \"block\";\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    tabs.addEventListener(\"click\", function (e) {\r\n      let selector = e.target;\r\n      if (e.target.parentNode.classList.contains(\"mg-tabs--item\")) {\r\n        selector = e.target.parentNode;\r\n\r\n        e.stopPropagation();\r\n        e.preventDefault();\r\n\r\n        if (selector.getAttribute(\"data-active\") !== \"true\") {\r\n          //disable all selected tabs\r\n          let items = tabs.getElementsByClassName(\"mg-tabs--item\");\r\n\r\n          for (let j = 0; j < items.length; j++) {\r\n            const item = items[j];\r\n            item.classList.remove(\"active\");\r\n            item.setAttribute(\"data-active\", \"false\");\r\n            let targetToHide = item.getAttribute(\"data-target\");\r\n            if (targetToHide) {\r\n              const el = document.getElementById(targetToHide);\r\n              if (el) {\r\n                el.style.display = \"none\";\r\n              }\r\n            }\r\n          }\r\n          //activate selected tab\r\n          selector.classList.add(\"active\");\r\n          selector.setAttribute(\"data-active\", \"true\");\r\n          let targetToShow = selector.getAttribute(\"data-target\");\r\n          if (targetToShow) {\r\n            const el = document.getElementById(targetToShow);\r\n            if (el) {\r\n              el.style.display = \"block\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n}\r\n","export default function registerThemeSwitcher() {\r\n  const current = document.documentElement.getAttribute(\"data-theme\");\r\n\r\n  applyTheme(current ? current : \"light\");\r\n\r\n  window\r\n    .matchMedia(\"(prefers-color-scheme: dark)\")\r\n    .addEventListener(\"change\", (e) => {\r\n      const newTheme = e.matches ? \"dark\" : \"light\";\r\n      document.documentElement.setAttribute(\"data-theme\", newTheme);\r\n      console.log(\"mgplus - theme changed:\", newTheme);\r\n    });\r\n  // Select all elements with data-toggle attribute containing \"theme\" and setup theme for each\r\n  document.querySelectorAll(\"[data-toggle~=theme]\").forEach(setupTheme);\r\n\r\n  function applyTheme(customTheme) {\r\n    if (customTheme && customTheme != \"auto\" && customTheme != \"system\") {\r\n      document.documentElement.setAttribute(\"data-theme\", customTheme);\r\n      console.log(\"mgplus - theme applied (forced):\", customTheme);\r\n    } else {\r\n      const defaultTheme = window.matchMedia(\"(prefers-color-scheme: dark)\")\r\n        .matches\r\n        ? \"dark\"\r\n        : \"light\";\r\n\r\n      document.documentElement.setAttribute(\"data-theme\", defaultTheme);\r\n      console.log(\"mgplus - theme applied (system):\", defaultTheme);\r\n    }\r\n  }\r\n  // Function to setup theme for an element\r\n  function setupTheme(el) {\r\n    // Select target theme\r\n    const newTheme = el.getAttribute(\"data-value\");\r\n    // Add event listener to the element to theme switcher\r\n    el.addEventListener(\"click\", function () {\r\n      applyTheme(newTheme);\r\n    });\r\n  }\r\n}\r\n"],"names":[],"version":3,"file":"mgplus-dom.js.map"}
\ No newline at end of file
+{"mappings":"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","sources":["src/plugins/mgplus-dom.js","src/plugins/mgCollapse.js","src/plugins/mgDropdown.js","src/plugins/mgModal.js","src/plugins/mgNav.js","src/plugins/mgTabs.js","src/plugins/mgDarkMode.js"],"sourcesContent":["import registergCollapses from \"./mgCollapse.js\";\r\nimport registerDropdowns from \"./mgDropdown.js\";\r\nimport registerModals from \"./mgModal.js\";\r\nimport registerNavs from \"./mgNav.js\";\r\nimport registerTabs from \"./mgTabs.js\";\r\nimport registerDarkMode from \"./mgDarkMode.js\";\r\n\r\n(function (window) {\r\n  function registerDarkModePlugin() {\r\n    registerDarkMode();\r\n  }\r\n  //autorun : true or false\r\n  //plugins : [\"dropdowns\", \"modals\", \"navs\", \"collapses\", \"darkmode\"]\r\n  function registerPlugins(autorun, plugins) {\r\n    const pluginsArgs = plugins ? plugins : [];\r\n    console.log(\r\n      `mgplus - registering DOM plugins (autorun=${\r\n        autorun ? \"true\" : \"false\"\r\n      })`,\r\n      plugins\r\n    );\r\n    pluginsArgs.map(function (pluginName) {\r\n      switch (pluginName) {\r\n        case \"dropdowns\":\r\n          registerDropdowns();\r\n          break;\r\n        case \"modals\":\r\n          registerModals();\r\n          break;\r\n        case \"navs\":\r\n          registerNavs();\r\n          break;\r\n        case \"tabs\":\r\n          registerTabs();\r\n          break;\r\n        case \"collapses\":\r\n          registergCollapses();\r\n          break;\r\n        case \"darkmode\":\r\n          registerDarkModePlugin();\r\n          break;\r\n        default:\r\n          console.log(`mgplus - plugin not found: ${pluginName}`);\r\n          return;\r\n      }\r\n      console.log(`mgplus - registered plugin: ${pluginName}`);\r\n    });\r\n  }\r\n\r\n  // extracts the params from the currently running (external) script\r\n  function getScriptUrl() {\r\n    const scripts = document.getElementsByTagName(\"script\");\r\n\r\n    for (let i = 0; i < scripts.length; i++) {\r\n      const scriptUrl = scripts[i] && scripts[i].src;\r\n\r\n      if (scriptUrl.indexOf(\"mgplus-dom.js\") > 0) {\r\n        return scriptUrl;\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  // gets the Query Params of a given query string\r\n  function getQueryParam(name, query) {\r\n    name = name.replace(/[[]/, \"\\\\[\").replace(/[]]/, \"\\\\]\");\r\n    var regexS = \"[\\\\?&]\" + name + \"=([^&#]*)\";\r\n    var regex = new RegExp(regexS);\r\n    var results = regex.exec(query);\r\n\r\n    if (results == null) return \"\";\r\n    else return results[1];\r\n  }\r\n  window.mgplus = {\r\n    registerPlugins,\r\n  };\r\n  window.addEventListener(\"DOMContentLoaded\", () => {\r\n    const plugins = getQueryParam(\"register_plugins\", getScriptUrl());\r\n    registerPlugins(true, plugins ? plugins.split(\",\") : []);\r\n  });\r\n})(window);\r\n","export default function registergCollapses() {\r\n  document.querySelectorAll(\"[data-toggle~=collapse]\").forEach(setupCollapse);\r\n  function setupCollapse(collapseToggle) {\r\n    const targetToCollapse = collapseToggle.getAttribute(\"data-target\");\r\n    collapseToggle.setAttribute(\"aria-haspopup\", \"true\");\r\n    collapseToggle.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n    const collapseContent = targetToCollapse\r\n      ? document.getElementById(targetToCollapse)\r\n      : collapseToggle.nextElementSibling;\r\n\r\n    collapseContent.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n    collapseToggle.onclick = toggleCollapse;\r\n\r\n    function toggleCollapse(e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      if (collapseToggle.getAttribute(\"aria-expanded\") === \"true\") {\r\n        collapseToggle.setAttribute(\"aria-expanded\", \"false\");\r\n        collapseToggle.setAttribute(\"aria-hidden\", \"true\");\r\n        collapseToggle.classList.remove(\"opened\");\r\n        return;\r\n      }\r\n\r\n      collapseToggle.setAttribute(\"aria-expanded\", \"true\");\r\n      collapseToggle.setAttribute(\"aria-hidden\", \"false\");\r\n      collapseToggle.classList.add(\"opened\");\r\n      return;\r\n    }\r\n  }\r\n}\r\n","export default function registergDropdowns() {\r\n  let currentDropdown = null;\r\n  document.querySelectorAll(\"[data-toggle~=dropdown]\").forEach(setupDropdown);\r\n  function setupDropdown(dropdownToggle) {\r\n    dropdownToggle.setAttribute(\"aria-haspopup\", \"true\");\r\n    dropdownToggle.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n    const dropdownContent = dropdownToggle.nextElementSibling;\r\n    dropdownContent.setAttribute(\"aria-hidden\", \"true\");\r\n    dropdownToggle.onclick = toggleDropdown;\r\n\r\n    function toggleDropdown(e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      if (dropdownToggle.getAttribute(\"aria-expanded\") === \"true\") {\r\n        dropdownToggle.setAttribute(\"aria-expanded\", \"false\");\r\n        dropdownContent.setAttribute(\"aria-hidden\", \"true\");\r\n        dropdownToggle.classList.remove(\"opened\");\r\n        currentDropdown = null;\r\n        return;\r\n      }\r\n      closeCurrent.call(undefined);\r\n\r\n      dropdownToggle.setAttribute(\"aria-expanded\", \"true\");\r\n      dropdownContent.setAttribute(\"aria-hidden\", \"false\");\r\n      dropdownToggle.classList.add(\"opened\");\r\n      dropdownContent.children[0].focus();\r\n      currentDropdown = dropdownToggle;\r\n      return;\r\n    }\r\n  }\r\n  function closeCurrent() {\r\n    if (currentDropdown) {\r\n      currentDropdown.setAttribute(\"aria-expanded\", \"false\");\r\n      currentDropdown.setAttribute(\"aria-hidden\", \"true\");\r\n      currentDropdown.classList.remove(\"opened\");\r\n      currentDropdown = false;\r\n    }\r\n  }\r\n\r\n  window.onclick = function (event) {\r\n    const element = event.target;\r\n\r\n    if (!element.classList) return;\r\n    if (element.classList.contains(\"mg-dropdown\")) return;\r\n    if (element.classList.contains(\"mg-dropdown--content\")) return;\r\n    closeCurrent.call(undefined);\r\n  };\r\n}\r\n","export default function registerModals() {\r\n  // Select all elements with data-toggle attribute containing \"modal\" and setup modal for each\r\n  document.querySelectorAll(\"[data-toggle~=modal]\").forEach(setupModal);\r\n\r\n  // Function to setup modal for an element\r\n  function setupModal(el) {\r\n    // Function to handle modal removal\r\n    function removeModalHandler() {\r\n      modal.classList.remove(\"mg-show\");\r\n    }\r\n\r\n    // Select the modal and close button elements\r\n    var modal = document.querySelector(\"#\" + el.getAttribute(\"data-target\"));\r\n\r\n    var close = modal.querySelector(\"[data-action=close]\");\r\n\r\n    // Add event listener to the element to show modal on click\r\n    el.addEventListener(\"click\", function (ev) {\r\n      modal.classList.add(\"mg-show\");\r\n    });\r\n\r\n    // Add event listener to the close button to remove modal on click\r\n    close.addEventListener(\"click\", function (ev) {\r\n      ev.stopPropagation();\r\n      removeModalHandler();\r\n    });\r\n  }\r\n}\r\n","export default function registerNavs() {\r\n  document.querySelectorAll(\"[data-toggle~=nav]\").forEach(setupNav);\r\n  function setupNav(nav) {\r\n    const items = nav.getElementsByTagName(\"li\");\r\n\r\n    for (let j = 0; j < items.length; j++) {\r\n      const item = items[j];\r\n\r\n      if (\r\n        item.classList.contains(\"active\") ||\r\n        item.getAttribute(\"data-active\") === \"true\"\r\n      ) {\r\n        item.setAttribute(\"data-active\", \"true\");\r\n        item.classList.add(\"active\");\r\n      }\r\n    }\r\n\r\n    nav.addEventListener(\"click\", function (e) {\r\n      let selector = e.target;\r\n      console.log(e.target.parentNode);\r\n      if (e.target.parentNode.tagName == \"LI\") {\r\n        selector = e.target.parentNode;\r\n      }\r\n      if (selector.getAttribute(\"data-active\") !== \"true\") {\r\n        //disable all selected tabs\r\n        let items = nav.getElementsByTagName(\"li\");\r\n        for (let j = 0; j < items.length; j++) {\r\n          const item = items[j];\r\n          item.classList.remove(\"active\");\r\n          item.setAttribute(\"data-active\", \"false\");\r\n        }\r\n        //activate selected tab\r\n        selector.classList.add(\"active\");\r\n        selector.setAttribute(\"data-active\", \"true\");\r\n      }\r\n    });\r\n  }\r\n}\r\n","export default function registerTabs() {\r\n  document.querySelectorAll(\"[data-toggle~=tabs]\").forEach(setupTabs);\r\n  function setupTabs(tabs) {\r\n    let items = tabs.getElementsByClassName(\"mg-tabs--item\");\r\n\r\n    for (let j = 0; j < items.length; j++) {\r\n      const item = items[j];\r\n      if (\r\n        item.classList.contains(\"active\") ||\r\n        item.getAttribute(\"data-active\") === \"true\"\r\n      ) {\r\n        item.setAttribute(\"data-active\", \"true\");\r\n        item.classList.add(\"active\");\r\n\r\n        const targetToShow = item.getAttribute(\"data-target\");\r\n\r\n        if (targetToShow) {\r\n          const el = document.getElementById(targetToShow);\r\n          if (el) {\r\n            el.style.display = \"block\";\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    tabs.addEventListener(\"click\", function (e) {\r\n      let selector = e.target;\r\n      if (e.target.parentNode.classList.contains(\"mg-tabs--item\")) {\r\n        selector = e.target.parentNode;\r\n\r\n        e.stopPropagation();\r\n        e.preventDefault();\r\n\r\n        if (selector.getAttribute(\"data-active\") !== \"true\") {\r\n          //disable all selected tabs\r\n          let items = tabs.getElementsByClassName(\"mg-tabs--item\");\r\n\r\n          for (let j = 0; j < items.length; j++) {\r\n            const item = items[j];\r\n            item.classList.remove(\"active\");\r\n            item.setAttribute(\"data-active\", \"false\");\r\n            let targetToHide = item.getAttribute(\"data-target\");\r\n            if (targetToHide) {\r\n              const el = document.getElementById(targetToHide);\r\n              if (el) {\r\n                el.style.display = \"none\";\r\n              }\r\n            }\r\n          }\r\n          //activate selected tab\r\n          selector.classList.add(\"active\");\r\n          selector.setAttribute(\"data-active\", \"true\");\r\n          let targetToShow = selector.getAttribute(\"data-target\");\r\n          if (targetToShow) {\r\n            const el = document.getElementById(targetToShow);\r\n            if (el) {\r\n              el.style.display = \"block\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n}\r\n","export default function registerThemeSwitcher() {\r\n  const current = document.documentElement.getAttribute(\"data-theme\");\r\n\r\n  applyTheme(current ? current : \"light\");\r\n\r\n  window\r\n    .matchMedia(\"(prefers-color-scheme: dark)\")\r\n    .addEventListener(\"change\", (e) => {\r\n      const newTheme = e.matches ? \"dark\" : \"light\";\r\n      document.documentElement.setAttribute(\"data-theme\", newTheme);\r\n      console.log(\"mgplus - theme changed:\", newTheme);\r\n    });\r\n  // Select all elements with data-toggle attribute containing \"theme\" and setup theme for each\r\n  document.querySelectorAll(\"[data-toggle~=theme]\").forEach(setupTheme);\r\n\r\n  function applyTheme(customTheme) {\r\n    if (customTheme && customTheme != \"auto\" && customTheme != \"system\") {\r\n      document.documentElement.setAttribute(\"data-theme\", customTheme);\r\n      console.log(\"mgplus - theme applied (forced):\", customTheme);\r\n    } else {\r\n      const defaultTheme = window.matchMedia(\"(prefers-color-scheme: dark)\")\r\n        .matches\r\n        ? \"dark\"\r\n        : \"light\";\r\n\r\n      document.documentElement.setAttribute(\"data-theme\", defaultTheme);\r\n      console.log(\"mgplus - theme applied (system):\", defaultTheme);\r\n    }\r\n  }\r\n  // Function to setup theme for an element\r\n  function setupTheme(el) {\r\n    // Select target theme\r\n    const newTheme = el.getAttribute(\"data-value\");\r\n    // Add event listener to the element to theme switcher\r\n    el.addEventListener(\"click\", function () {\r\n      applyTheme(newTheme);\r\n    });\r\n  }\r\n}\r\n"],"names":[],"version":3,"file":"mgplus-dom.js.map"}
\ No newline at end of file
diff --git a/package.json b/package.json
index ba97f45..4cdfa3c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "mgplus",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "mgplus a micro CSS library",
   "homepage": "https://evodim.github.io/mgplus",
   "repository": "https://github.com/Evodim/mgplus",
@@ -53,9 +53,10 @@
     }
   },
   "devDependencies": {
-    "@parcel/transformer-sass": "^2.12.0",
+    "@parcel/reporter-dev-server": "^2.13.3",
+    "@parcel/transformer-sass": "^2.13.3",
     "@plasmohq/parcel-transformer-inject-env": "^0.2.11",
-    "parcel": "^2.12.0",
+    "parcel": "^2.13.3",
     "postcss-url": "^10.1.3",
     "posthtml-include": "^1.7.4",
     "stylelint": "^16.10.0",
@@ -67,6 +68,7 @@
     "lint:fix": "stylelint **/*.scss --fix",
     "start": "parcel serve --dist-dir demo_temp --open",
     "build": "parcel build --no-source-maps --target library --target plugins",
+    "build:lib": "parcel build --no-source-maps --target library --target plugins",
     "build:debug": "parcel build --target library --target plugins --no-optimize",
     "build:demo": "parcel build --target demo --no-source-maps"
   },
diff --git a/src/scss/extensions/mg-display.scss b/src/scss/extensions/mg-display.scss
index 5f457a5..4d78532 100644
--- a/src/scss/extensions/mg-display.scss
+++ b/src/scss/extensions/mg-display.scss
@@ -2,16 +2,28 @@
     display: block;
 }
 
+.mg-inline {
+    display: inline;
+}
+
 .mg-inline-block {
     display: inline-block;
 }
 
+.mg-inline-table {
+    display: inline-table;
+}
+
 .mg-inline-flex {
     display: inline-flex;
 }
 
-.mg-inline {
-    display: inline;
+.mg-wrap {
+    flex-wrap: wrap;
+}
+
+.mg-nowrap {
+    flex-wrap: nowrap;
 }
 
 .mg-none {
@@ -120,4 +132,8 @@
 .mg-border-bolder {
     border-width: 0.31rem;
     border-style: solid;
+}
+
+.mg-pointer {
+    cursor: pointer;
 }
\ No newline at end of file
diff --git a/src/scss/extensions/mg-icon.scss b/src/scss/extensions/mg-icon.scss
index fdb7050..92f246e 100644
--- a/src/scss/extensions/mg-icon.scss
+++ b/src/scss/extensions/mg-icon.scss
@@ -16,7 +16,7 @@
   transition: all 0.2s;
 }
 
-@mixin mg-icon-toggle {
+@mixin mg-toggle-effect {
   transform: rotate(-45deg);
   top: calc(50% - 0.5rem);
 }
@@ -30,7 +30,7 @@
 
   &::after {
     @include mg-inline-css-icon;
-    @include mg-icon-toggle;
+    @include mg-toggle-effect;
   }
 
   &.opened::after {
@@ -46,7 +46,7 @@
 
   &::after {
     @include mg-inline-css-icon;
-    @include mg-icon-toggle;
+    @include mg-toggle-effect;
 
     transform: rotate(-135deg);
     top: 40%;
diff --git a/src/scss/extensions/mg-nav.scss b/src/scss/extensions/mg-nav.scss
index fd0c12e..aab1767 100644
--- a/src/scss/extensions/mg-nav.scss
+++ b/src/scss/extensions/mg-nav.scss
@@ -1,59 +1,87 @@
-.mg-nav ul {
-  margin-bottom: 0;
+.mg-nav {
   padding: 0.5rem;
   margin-left: 0;
   margin-top: 0;
   overflow-y: auto;
-}
-
-.mg-nav ul>li {
-  list-style-type: none;
-  margin: 0;
   display: flex;
-  flex-wrap: nowrap;
-  padding: 0.5rem;
-  text-decoration: none;
-  color: $color-secondary;
-  align-items: center;
-  border-bottom: 0.125rem solid $color-quinary;
-}
+  flex-direction: column;
+  margin-bottom: 0;
 
-.mg-nav ul>li.active {
-  color: currentcolor;
-  border-left: 0.3rem solid $color-primary;
-  font-weight: bold;
-}
+  & li {
+    white-space: wrap;
+    list-style-type: none;
+    margin: 0;
+    display: flex;
+    padding: 0.5rem;
+    text-decoration: none;
+    color: $color-secondary;
+    align-items: center;
+    border-bottom: 0.125rem solid $color-quinary;
+  }
 
-.mg-nav.mg-nav--inline>ul>li.active {
-  border: none;
-  border-bottom: 0.3rem solid $color-primary;
-}
+  & li.active {
+    color: currentcolor;
+    border-left: 0.3rem solid $color-primary;
+    font-weight: bold;
+  }
 
-.mg-nav ul>li>a {
-  width: 100%;
-  cursor: pointer;
-  text-decoration: none;
-  color: $color-secondary;
-}
+  & li>a {
+    width: 100%;
+    cursor: pointer;
+    text-decoration: none;
+    color: $color-secondary;
+  }
 
-.mg-nav--inline ul>li {
-  display: flex;
-  flex-wrap: nowrap;
-}
+  & li:hover {
+    background-color: $color-quinary;
+  }
 
-.mg-nav li:hover {
-  background-color: $color-quinary;
 }
 
-.mg-nav--inline ul {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: baseline;
+.mg-nav--inline {
   overflow-x: auto;
+  flex-direction: row;
+
+
+  /* stylelint-disable */
+  & li {
+    flex-wrap: nowrap;
+
+  }
+
+  /* stylelint-enable */
+  & li.active {
+    border: none;
+    border-bottom: 0.3rem solid $color-primary;
+  }
 }
 
+.mg-nav--buttons {
+  overflow-x: auto;
+  flex-direction: row;
+
+  /* stylelint-disable */
+  & li,
+  & li.active {
+    border: none;
+  }
+
+  /* stylelint-enable */
+  & li:hover {
+    background-color: transparent;
+  }
+
+  & li>button,
+  & li>.mg-button {
+    border: none;
+    background-color: transparent;
+    margin-bottom: 0;
+  }
 
+  & li.active>button,
+  & li.active>.mg-button {
+    background-color: $color-primary;
+    color: $color-light;
 
-.mg-nav--inline ul>li:not(.mg-right) {
-  float: left;
+  }
 }
\ No newline at end of file
diff --git a/src/scss/extensions/mg-radio.scss b/src/scss/extensions/mg-radio.scss
index 8f78dd3..9b13389 100644
--- a/src/scss/extensions/mg-radio.scss
+++ b/src/scss/extensions/mg-radio.scss
@@ -16,7 +16,7 @@
    width: 2.4rem;
    border-radius: 50%;
    border-style: solid;
-   border-color: var(--mg-color-quaternary);
+   border-color: $color-quaternary;
    border-width: thin;
    transition: all 0.4s;
  }
@@ -28,7 +28,7 @@
 
  /* When the radio button is checked, add a blue background */
  .mg-radio input:checked~.mg-radio--icon {
-   background-color: var(--mg-color-primary);
+   background-color: $color-primary;
  }
 
  /* Style the indicator (dot/circle) */
@@ -38,7 +38,7 @@
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
-   background-color: var(--mg-color-light);
+   background-color: $color-light;
    content: "";
    position: absolute;
    display: none;
@@ -51,11 +51,11 @@
 
 
  .mg-radio input:disabled~.mg-radio--icon {
-   background-color: var(--mg-color-quinary);
+   background-color: $color-quinary;
  }
 
  .mg-radio input:focus~.mg-radio--icon {
-   border-color: var(--mg-color-primary);
+   border-color: $color-primary;
    border-style: dotted;
    border-width: thin;
  }
diff --git a/src/scss/extensions/mg-select.scss b/src/scss/extensions/mg-select.scss
index ecb1246..4a901b5 100644
--- a/src/scss/extensions/mg-select.scss
+++ b/src/scss/extensions/mg-select.scss
@@ -18,7 +18,7 @@
 
   &::after {
     @include mg-inline-css-icon;
-    @include mg-icon-toggle;
+    @include mg-toggle-effect;
 
     color: currentcolor;
     top: calc(50% - 1.2rem);
diff --git a/src/scss/extensions/mg-tabs.scss b/src/scss/extensions/mg-tabs.scss
index 9715f7e..eb08173 100644
--- a/src/scss/extensions/mg-tabs.scss
+++ b/src/scss/extensions/mg-tabs.scss
@@ -7,34 +7,36 @@
   flex-wrap: nowrap;
   overflow-x: auto;
   list-style: none;
-  margin: 0;
-}
+  margin-top: 1rem;
+  margin-bottom: -1rem;
 
-.mg-tabs>ul>li>* {
-  color: $color-secondary;
-  white-space: nowrap;
-}
 
-.mg-tabs>ul>li {
-  font-weight: bold;
-  border-bottom: 0.3rem solid transparent;
-  color: $color-tertiary;
-  opacity: 0.7;
-  flex: 0 0 auto;
-}
+  &>li>* {
+    color: $color-secondary;
+    white-space: nowrap;
+  }
 
-.mg-tabs>ul>li.active {
-  color: $color-primary;
-  border-color: $color-primary;
-  overflow-y: hidden;
-  opacity: 1;
-}
+  &>li {
+    font-weight: bold;
+    border-bottom: 0.3rem solid transparent;
+    color: $color-tertiary;
+    opacity: 0.7;
+    flex: 0 0 auto;
+  }
+
+  &>li.active {
+    color: $color-primary;
+    border-color: $color-primary;
+    overflow-y: hidden;
+    opacity: 1;
+  }
 
-.mg-tabs>ul>li:hover {
-  color: $color-secondary;
-  border-color: $color-tertiary;
-  opacity: 1;
-  transition: all 0.3s;
+  &>li:hover {
+    color: $color-secondary;
+    border-color: $color-tertiary;
+    opacity: 1;
+    transition: all 0.3s;
+  }
 }
 
 .mg-tabs--item {
@@ -45,9 +47,8 @@
 }
 
 .mg-tabs--content {
+  border-top: 0.15rem solid $color-quaternary;
   display: none;
-  padding-bottom: 1.6rem;
-  border-bottom: 0.15rem solid transparent;
-  border-color: $color-quaternary;
+  padding: 1.5rem;
   clear: both;
 }
\ No newline at end of file
diff --git a/src/scss/extensions/mg-timeline.scss b/src/scss/extensions/mg-timeline.scss
index bacb949..16b8424 100644
--- a/src/scss/extensions/mg-timeline.scss
+++ b/src/scss/extensions/mg-timeline.scss
@@ -1,129 +1,136 @@
-.mg-timeline,
-.mg-timeline-inline {
+.mg-timeline {
   line-height: normal;
-}
-
-.mg-timeline>ul {
-  position: relative;
-  padding-left: 3.6rem;
-  list-style: none;
-}
-
-.mg-timeline>ul::before {
-  display: inline-block;
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 1.5rem;
-  width: 1rem;
-  height: 100%;
-}
-
-.mg-timeline>ul li {
-  position: relative;
-  counter-increment: list;
-  margin-bottom: 0;
-}
-
-
-.mg-timeline-inline>ul {
-  list-style: none;
-  display: flex;
-  flex-direction: row;
-}
-
-.mg-timeline-inline>ul li {
-  border-top: 0.3rem solid $color-quaternary;
-  flex: 1 1 0;
-}
-
-
-.mg-timeline>ul li:not(:last-child) {
-  padding-bottom: 1rem;
-}
-
-.mg-timeline>ul li::before {
-  display: inline-block;
-  content: "";
-  position: absolute;
-  left: -3rem;
-  height: 100%;
-  width: 1rem;
-  border-left: 0.3rem solid $color-quaternary;
-}
 
-.mg-timeline-inline>ul li::before {
-  content: "";
-  left: 0;
-  display: inline-block;
-  position: relative;
-  vertical-align: text-top;
-  bottom: 0.9rem;
-  width: 1.5rem;
-  height: 1.5rem;
-  border: 0.3rem solid $color-quaternary;
-  border-radius: 50%;
-  background-color: $color-initial;
-}
-
-.mg-timeline>ul li:last-child::before {
-  border-color: none;
-}
-
-.mg-timeline>ul li::after {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  top: 0;
-  left: -3.6rem;
-  width: 1.5rem;
-  height: 1.5rem;
-  border: 0.3rem solid $color-quaternary;
-  border-radius: 50%;
-  background-color: $color-initial;
-}
-
-.mg-timeline>ul li.active::before {
-  border-left: 0.3rem solid $color-primary;
-}
-
-.mg-timeline>ul li:last-of-type::before {
-  border-left: 0.3rem solid transparent !important;
-}
+  &>ul {
+    position: relative;
+    padding-left: 3.6rem;
+    list-style: none;
+  }
+
+  &>ul::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 1.5rem;
+    width: 1rem;
+    height: 100%;
+  }
+
+  &>ul li {
+    position: relative;
+    counter-increment: list;
+    margin-bottom: 0;
+  }
+
+  &>ul li:not(:last-child) {
+    padding-bottom: 1rem;
+  }
+
+  &>ul li::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    left: -3rem;
+    height: 100%;
+    width: 1rem;
+    border-left: 0.3rem solid $color-quaternary;
+  }
+
+
+  &>ul li:last-child::before {
+    border-color: none;
+  }
+
+  &>ul li::after {
+    content: "";
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    left: -3.6rem;
+    width: 1.5rem;
+    height: 1.5rem;
+    border: 0.3rem solid $color-quaternary;
+    border-radius: 50%;
+    background-color: $color-initial;
+  }
+
+  &>ul li.active::before {
+    border-left: 0.3rem solid $color-primary;
+  }
+
+  &>ul li:last-of-type::before {
+    border-left: 0.3rem solid transparent !important;
+  }
+
+  &>ul li.active::after {
+    font-size: $font-size-s;
+    text-align: center;
+    border: 0.3rem solid $color-primary;
+    background-color: $color-primary;
+  }
+
+  &>ul li.current::after {
+    border: 0.3rem solid $color-primary;
+    width: 1.5rem;
+    height: 1.5rem;
+    left: -3.6rem;
+    border-radius: 50%;
+  }
 
-.mg-timeline>ul li.active::after {
-  font-size: $font-size-s;
-  text-align: center;
-  border: 0.3rem solid $color-primary;
-  background-color: $color-primary;
 }
 
-.mg-timeline>ul li.current::after {
-  border: 0.3rem solid $color-primary;
-  width: 1.5rem;
-  height: 1.5rem;
-  left: -3.6rem;
-  border-radius: 50%;
-}
-
-.mg-timeline-inline>ul li.active {
-  border-color: $color-primary;
-}
-
-.mg-timeline-inline>ul li.active::before {
-  font-size: $font-size-s;
-  text-align: center;
-  border-color: $color-primary;
-  background-color: $color-primary;
-}
-
-.mg-timeline-inline>ul li.current::before {
-  border: 0.3rem solid $color-primary;
-  border-radius: 50%;
-}
+.mg-timeline-inline {
+  line-height: normal;
 
+  &>ul {
+    list-style: none;
+    display: flex;
+    flex-flow: row nowrap;
+  }
+
+  /* stylelint-disable */
+  &>ul li {
+    padding-right: 0.15rem;
+    border-top: 0.3rem solid $color-quaternary;
+    flex: 1 1 0;
+  }
+
+  &>ul li::before {
+    content: "";
+    left: 0;
+    display: inline-block;
+    position: relative;
+    vertical-align: text-top;
+    bottom: 0.9rem;
+    width: 1.5rem;
+    height: 1.5rem;
+    border: 0.3rem solid $color-quaternary;
+    border-radius: 50%;
+    background-color: $color-initial;
+  }
+
+  /* stylelint-enable */
+  &>ul li.active {
+    border-color: $color-primary;
+  }
+
+  &>ul li.active::before {
+    font-size: $font-size-s;
+    text-align: center;
+    border-color: $color-primary;
+    background-color: $color-primary;
+  }
+
+  &>ul li.current::before {
+    border: 0.3rem solid $color-primary;
+    border-radius: 50%;
+  }
+
+
+  &>ul li:last-of-type {
+    border-top: 0.3rem solid transparent;
+    flex: 0 1 auto;
+  }
 
-.mg-timeline-inline>ul li:last-of-type {
-  border-top: 0.3rem solid transparent;
-  flex: 0 1 auto;
 }
\ No newline at end of file
diff --git a/src/scss/extensions/mg-toggle.scss b/src/scss/extensions/mg-toggle.scss
index a42963c..8cc9555 100644
--- a/src/scss/extensions/mg-toggle.scss
+++ b/src/scss/extensions/mg-toggle.scss
@@ -12,7 +12,7 @@
 }
 
 /* Create a custom checkbox */
-.mg-toggle .mg-icon-toggle {
+.mg-toggle .mg-toggle--icon {
   border-radius: $control-radius;
   position: absolute;
   top: calc(50% - 1.2rem);
@@ -26,17 +26,17 @@
 }
 
 /* On mouse-over, add a grey background color */
-.mg-toggle input~.mg-icon-toggle {
+.mg-toggle input~.mg-toggle--icon {
   background-color: $color-quaternary;
 }
 
 /* When the checkbox is checked, add a blue background */
-.mg-toggle input:checked~.mg-icon-toggle {
+.mg-toggle input:checked~.mg-toggle--icon {
   background-color: $color-primary;
 }
 
-/* Create the mg-icon-toggle/indicator (hidden when not checked) */
-.mg-toggle .mg-icon-toggle::after {
+/* Create the mg-toggle--icon/indicator (hidden when not checked) */
+.mg-toggle .mg-toggle--icon::after {
   border: none;
   border-radius: $control-radius;
   position: absolute;
@@ -50,18 +50,18 @@
   box-shadow: $control-shadow;
 }
 
-/* Show the mg-icon-toggle when checked */
-.mg-toggle input:checked~.mg-icon-toggle::after {
+/* Show the mg-toggle-icon when checked */
+.mg-toggle input:checked~.mg-toggle--icon::after {
   left: 2.08rem;
 }
 
 /* disabled state */
-.mg-toggle input:disabled~.mg-icon-toggle {
+.mg-toggle input:disabled~.mg-toggle--icon {
   background-color: $color-quinary;
   opacity: 0.6;
 }
 
-.mg-toggle input:focus~.mg-icon-toggle {
+.mg-toggle input:focus~.mg-toggle--icon {
   border-color: $color-primary;
   border-style: dotted;
   border-width: thin;
diff --git a/src/scss/mg-variables.scss b/src/scss/mg-variables.scss
index e93e59e..78cc41a 100644
--- a/src/scss/mg-variables.scss
+++ b/src/scss/mg-variables.scss
@@ -22,14 +22,14 @@ $version: "$PACKAGE_VERSION";
   --mg-color-secondary: hsl(255deg 0% 20%);
   --mg-color-tertiary: hsl(255deg 0% 40%);
   --mg-color-quaternary: hsl(255deg 0% 60%);
-  --mg-color-quinary: hsl(255deg 0% 80%);
+  --mg-color-quinary: hsl(255deg 0% 90%);
 
   //dark-colors 
   --mg-dark-color-initial: var(--mg-color-dark);
   --mg-dark-color-secondary: hsl(255deg 0% 80%);
   --mg-dark-color-tertiary: hsl(255deg 0% 70%);
   --mg-dark-color-quaternary: hsl(255deg 0% 50%);
-  --mg-dark-color-quinary: hsl(255deg 0% 30%);
+  --mg-dark-color-quinary: hsl(255deg 0% 25%);
 }
 
 //
@@ -148,5 +148,6 @@ $color-map: (
   blue: $color-blue,
   red: $color-red,
   green: $color-green,
-  orange: $color-orange
+  orange: $color-orange,
+  transparent: transparent
 );
\ No newline at end of file
diff --git a/src/scss/mgplus.scss b/src/scss/mgplus.scss
index 289c22b..7bc8a6b 100644
--- a/src/scss/mgplus.scss
+++ b/src/scss/mgplus.scss
@@ -3,8 +3,6 @@
 @import "core/milligram";
 @import "extensions/mg-icon";
 @import "extensions/mg-common";
-@import "extensions/mg-grid-utilities";
-@import "extensions/mg-grid";
 @import "extensions/mg-dropdown";
 @import "extensions/mg-tabs";
 @import "extensions/mg-select";
@@ -21,6 +19,8 @@
 @import "extensions/mg-text";
 @import "extensions/mg-collapse";
 @import "extensions/mg-progress";
+@import "extensions/mg-grid-utilities";
+@import "extensions/mg-grid";
 @import "extensions/mg-colors";
 @import "extensions/mg-positioning";
 @import "extensions/mg-sizing";