@clayui/css 3.38.0 → 3.41.0

package/lib/css/base.css

@@ -154,14 +154,12 @@ sup {
 
 a {
   color: #007bff;
-  cursor: pointer;
   text-decoration: none;
 }
 a:hover {
   color: #0056b3;
   text-decoration: underline;
 }
-
 pre,
 code,
 kbd,
@@ -538,7 +536,6 @@ mark:before,
 .c-kbd-group-sm {
   font-size: 0.75rem;
 }
-
 .c-kbd-lg,
 .c-kbd.c-kbd-lg {
   font-size: 1rem;
@@ -547,7 +544,6 @@ mark:before,
 .c-kbd-group-lg {
   font-size: 1rem;
 }
-
 .c-kbd-group-light {
   color: #6c757d;
 }
@@ -982,7 +978,7 @@ button.collapse-icon .c-inner {
   height: 1em;
   position: absolute;
   right: 0.9375rem;
-  top: calc(0.5rem + 0.0625rem + (((0.9375em * 1.5) - 1em) / 2));
+  top: calc(0.5rem + 0.0625rem + (((0.9375em * 1.5) - 1em) * 0.5));
   width: 1em;
 }
 .collapse-icon .collapse-icon-closed .lexicon-icon,
@@ -1015,7 +1011,7 @@ button.collapse-icon .c-inner {
   display: block;
   overflow: hidden;
   position: relative;
-  padding-bottom: 100%;
+  padding-bottom: calc(1 / 1 * 100%);
 }
 
 .aspect-ratio-item {
@@ -1125,19 +1121,19 @@ button.collapse-icon .c-inner {
 }
 
 .aspect-ratio-3-to-2 {
-  padding-bottom: 66.6666666667%;
+  padding-bottom: calc(2 / 3 * 100%);
 }
 
 .aspect-ratio-4-to-3 {
-  padding-bottom: 75%;
+  padding-bottom: calc(3 / 4 * 100%);
 }
 
 .aspect-ratio-8-to-5 {
-  padding-bottom: 62.5%;
+  padding-bottom: calc(5 / 8 * 100%);
 }
 
 .aspect-ratio-16-to-9 {
-  padding-bottom: 56.25%;
+  padding-bottom: calc(9 / 16 * 100%);
 }
 
 .aspect-ratio-bg-contain {
@@ -2015,33 +2011,33 @@ input[type=button].btn-block {
 }
 
 .row-cols-1 > * {
-  flex: 0 0 100%;
-  max-width: 100%;
+  flex: 0 0 calc(100% / 1);
+  max-width: calc(100% / 1);
 }
 
 .row-cols-2 > * {
-  flex: 0 0 50%;
-  max-width: 50%;
+  flex: 0 0 calc(100% / 2);
+  max-width: calc(100% / 2);
 }
 
 .row-cols-3 > * {
-  flex: 0 0 33.3333333333%;
-  max-width: 33.3333333333%;
+  flex: 0 0 calc(100% / 3);
+  max-width: calc(100% / 3);
 }
 
 .row-cols-4 > * {
-  flex: 0 0 25%;
-  max-width: 25%;
+  flex: 0 0 calc(100% / 4);
+  max-width: calc(100% / 4);
 }
 
 .row-cols-5 > * {
-  flex: 0 0 20%;
-  max-width: 20%;
+  flex: 0 0 calc(100% / 5);
+  max-width: calc(100% / 5);
 }
 
 .row-cols-6 > * {
-  flex: 0 0 16.6666666667%;
-  max-width: 16.6666666667%;
+  flex: 0 0 calc(100% / 6);
+  max-width: calc(100% / 6);
 }
 
 .col-auto {
@@ -2051,63 +2047,63 @@ input[type=button].btn-block {
 }
 
 .col-1 {
-  flex: 0 0 8.3333333333%;
-  max-width: 8.3333333333%;
+  flex: 0 0 calc(1 / 12 * 100%);
+  max-width: calc(1 / 12 * 100%);
 }
 
 .col-2 {
-  flex: 0 0 16.6666666667%;
-  max-width: 16.6666666667%;
+  flex: 0 0 calc(2 / 12 * 100%);
+  max-width: calc(2 / 12 * 100%);
 }
 
 .col-3 {
-  flex: 0 0 25%;
-  max-width: 25%;
+  flex: 0 0 calc(3 / 12 * 100%);
+  max-width: calc(3 / 12 * 100%);
 }
 
 .col-4 {
-  flex: 0 0 33.3333333333%;
-  max-width: 33.3333333333%;
+  flex: 0 0 calc(4 / 12 * 100%);
+  max-width: calc(4 / 12 * 100%);
 }
 
 .col-5 {
-  flex: 0 0 41.6666666667%;
-  max-width: 41.6666666667%;
+  flex: 0 0 calc(5 / 12 * 100%);
+  max-width: calc(5 / 12 * 100%);
 }
 
 .col-6 {
-  flex: 0 0 50%;
-  max-width: 50%;
+  flex: 0 0 calc(6 / 12 * 100%);
+  max-width: calc(6 / 12 * 100%);
 }
 
 .col-7 {
-  flex: 0 0 58.3333333333%;
-  max-width: 58.3333333333%;
+  flex: 0 0 calc(7 / 12 * 100%);
+  max-width: calc(7 / 12 * 100%);
 }
 
 .col-8 {
-  flex: 0 0 66.6666666667%;
-  max-width: 66.6666666667%;
+  flex: 0 0 calc(8 / 12 * 100%);
+  max-width: calc(8 / 12 * 100%);
 }
 
 .col-9 {
-  flex: 0 0 75%;
-  max-width: 75%;
+  flex: 0 0 calc(9 / 12 * 100%);
+  max-width: calc(9 / 12 * 100%);
 }
 
 .col-10 {
-  flex: 0 0 83.3333333333%;
-  max-width: 83.3333333333%;
+  flex: 0 0 calc(10 / 12 * 100%);
+  max-width: calc(10 / 12 * 100%);
 }
 
 .col-11 {
-  flex: 0 0 91.6666666667%;
-  max-width: 91.6666666667%;
+  flex: 0 0 calc(11 / 12 * 100%);
+  max-width: calc(11 / 12 * 100%);
 }
 
 .col-12 {
-  flex: 0 0 100%;
-  max-width: 100%;
+  flex: 0 0 calc(12 / 12 * 100%);
+  max-width: calc(12 / 12 * 100%);
 }
 
 .order-first {
@@ -2171,47 +2167,47 @@ input[type=button].btn-block {
 }
 
 .offset-1 {
-  margin-left: 8.3333333333%;
+  margin-left: calc(1 / 12 * 100%);
 }
 
 .offset-2 {
-  margin-left: 16.6666666667%;
+  margin-left: calc(2 / 12 * 100%);
 }
 
 .offset-3 {
-  margin-left: 25%;
+  margin-left: calc(3 / 12 * 100%);
 }
 
 .offset-4 {
-  margin-left: 33.3333333333%;
+  margin-left: calc(4 / 12 * 100%);
 }
 
 .offset-5 {
-  margin-left: 41.6666666667%;
+  margin-left: calc(5 / 12 * 100%);
 }
 
 .offset-6 {
-  margin-left: 50%;
+  margin-left: calc(6 / 12 * 100%);
 }
 
 .offset-7 {
-  margin-left: 58.3333333333%;
+  margin-left: calc(7 / 12 * 100%);
 }
 
 .offset-8 {
-  margin-left: 66.6666666667%;
+  margin-left: calc(8 / 12 * 100%);
 }
 
 .offset-9 {
-  margin-left: 75%;
+  margin-left: calc(9 / 12 * 100%);
 }
 
 .offset-10 {
-  margin-left: 83.3333333333%;
+  margin-left: calc(10 / 12 * 100%);
 }
 
 .offset-11 {
-  margin-left: 91.6666666667%;
+  margin-left: calc(11 / 12 * 100%);
 }
 
 @media (min-width: 576px) {
@@ -2222,33 +2218,33 @@ input[type=button].btn-block {
   }
 
   .row-cols-sm-1 > * {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(100% / 1);
+    max-width: calc(100% / 1);
   }
 
   .row-cols-sm-2 > * {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(100% / 2);
+    max-width: calc(100% / 2);
   }
 
   .row-cols-sm-3 > * {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(100% / 3);
+    max-width: calc(100% / 3);
   }
 
   .row-cols-sm-4 > * {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(100% / 4);
+    max-width: calc(100% / 4);
   }
 
   .row-cols-sm-5 > * {
-    flex: 0 0 20%;
-    max-width: 20%;
+    flex: 0 0 calc(100% / 5);
+    max-width: calc(100% / 5);
   }
 
   .row-cols-sm-6 > * {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(100% / 6);
+    max-width: calc(100% / 6);
   }
 
   .col-sm-auto {
@@ -2258,63 +2254,63 @@ input[type=button].btn-block {
   }
 
   .col-sm-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%;
+    flex: 0 0 calc(1 / 12 * 100%);
+    max-width: calc(1 / 12 * 100%);
   }
 
   .col-sm-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(2 / 12 * 100%);
+    max-width: calc(2 / 12 * 100%);
   }
 
   .col-sm-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(3 / 12 * 100%);
+    max-width: calc(3 / 12 * 100%);
   }
 
   .col-sm-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(4 / 12 * 100%);
+    max-width: calc(4 / 12 * 100%);
   }
 
   .col-sm-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%;
+    flex: 0 0 calc(5 / 12 * 100%);
+    max-width: calc(5 / 12 * 100%);
   }
 
   .col-sm-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(6 / 12 * 100%);
+    max-width: calc(6 / 12 * 100%);
   }
 
   .col-sm-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%;
+    flex: 0 0 calc(7 / 12 * 100%);
+    max-width: calc(7 / 12 * 100%);
   }
 
   .col-sm-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%;
+    flex: 0 0 calc(8 / 12 * 100%);
+    max-width: calc(8 / 12 * 100%);
   }
 
   .col-sm-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
+    flex: 0 0 calc(9 / 12 * 100%);
+    max-width: calc(9 / 12 * 100%);
   }
 
   .col-sm-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%;
+    flex: 0 0 calc(10 / 12 * 100%);
+    max-width: calc(10 / 12 * 100%);
   }
 
   .col-sm-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%;
+    flex: 0 0 calc(11 / 12 * 100%);
+    max-width: calc(11 / 12 * 100%);
   }
 
   .col-sm-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(12 / 12 * 100%);
+    max-width: calc(12 / 12 * 100%);
   }
 
   .order-sm-first {
@@ -2378,51 +2374,51 @@ input[type=button].btn-block {
   }
 
   .offset-sm-0 {
-    margin-left: 0;
+    margin-left: calc(0 / 12 * 100%);
   }
 
   .offset-sm-1 {
-    margin-left: 8.3333333333%;
+    margin-left: calc(1 / 12 * 100%);
   }
 
   .offset-sm-2 {
-    margin-left: 16.6666666667%;
+    margin-left: calc(2 / 12 * 100%);
   }
 
   .offset-sm-3 {
-    margin-left: 25%;
+    margin-left: calc(3 / 12 * 100%);
   }
 
   .offset-sm-4 {
-    margin-left: 33.3333333333%;
+    margin-left: calc(4 / 12 * 100%);
   }
 
   .offset-sm-5 {
-    margin-left: 41.6666666667%;
+    margin-left: calc(5 / 12 * 100%);
   }
 
   .offset-sm-6 {
-    margin-left: 50%;
+    margin-left: calc(6 / 12 * 100%);
   }
 
   .offset-sm-7 {
-    margin-left: 58.3333333333%;
+    margin-left: calc(7 / 12 * 100%);
   }
 
   .offset-sm-8 {
-    margin-left: 66.6666666667%;
+    margin-left: calc(8 / 12 * 100%);
   }
 
   .offset-sm-9 {
-    margin-left: 75%;
+    margin-left: calc(9 / 12 * 100%);
   }
 
   .offset-sm-10 {
-    margin-left: 83.3333333333%;
+    margin-left: calc(10 / 12 * 100%);
   }
 
   .offset-sm-11 {
-    margin-left: 91.6666666667%;
+    margin-left: calc(11 / 12 * 100%);
   }
 }
 @media (min-width: 768px) {
@@ -2433,33 +2429,33 @@ input[type=button].btn-block {
   }
 
   .row-cols-md-1 > * {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(100% / 1);
+    max-width: calc(100% / 1);
   }
 
   .row-cols-md-2 > * {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(100% / 2);
+    max-width: calc(100% / 2);
   }
 
   .row-cols-md-3 > * {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(100% / 3);
+    max-width: calc(100% / 3);
   }
 
   .row-cols-md-4 > * {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(100% / 4);
+    max-width: calc(100% / 4);
   }
 
   .row-cols-md-5 > * {
-    flex: 0 0 20%;
-    max-width: 20%;
+    flex: 0 0 calc(100% / 5);
+    max-width: calc(100% / 5);
   }
 
   .row-cols-md-6 > * {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(100% / 6);
+    max-width: calc(100% / 6);
   }
 
   .col-md-auto {
@@ -2469,63 +2465,63 @@ input[type=button].btn-block {
   }
 
   .col-md-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%;
+    flex: 0 0 calc(1 / 12 * 100%);
+    max-width: calc(1 / 12 * 100%);
   }
 
   .col-md-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(2 / 12 * 100%);
+    max-width: calc(2 / 12 * 100%);
   }
 
   .col-md-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(3 / 12 * 100%);
+    max-width: calc(3 / 12 * 100%);
   }
 
   .col-md-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(4 / 12 * 100%);
+    max-width: calc(4 / 12 * 100%);
   }
 
   .col-md-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%;
+    flex: 0 0 calc(5 / 12 * 100%);
+    max-width: calc(5 / 12 * 100%);
   }
 
   .col-md-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(6 / 12 * 100%);
+    max-width: calc(6 / 12 * 100%);
   }
 
   .col-md-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%;
+    flex: 0 0 calc(7 / 12 * 100%);
+    max-width: calc(7 / 12 * 100%);
   }
 
   .col-md-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%;
+    flex: 0 0 calc(8 / 12 * 100%);
+    max-width: calc(8 / 12 * 100%);
   }
 
   .col-md-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
+    flex: 0 0 calc(9 / 12 * 100%);
+    max-width: calc(9 / 12 * 100%);
   }
 
   .col-md-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%;
+    flex: 0 0 calc(10 / 12 * 100%);
+    max-width: calc(10 / 12 * 100%);
   }
 
   .col-md-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%;
+    flex: 0 0 calc(11 / 12 * 100%);
+    max-width: calc(11 / 12 * 100%);
   }
 
   .col-md-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(12 / 12 * 100%);
+    max-width: calc(12 / 12 * 100%);
   }
 
   .order-md-first {
@@ -2589,51 +2585,51 @@ input[type=button].btn-block {
   }
 
   .offset-md-0 {
-    margin-left: 0;
+    margin-left: calc(0 / 12 * 100%);
   }
 
   .offset-md-1 {
-    margin-left: 8.3333333333%;
+    margin-left: calc(1 / 12 * 100%);
   }
 
   .offset-md-2 {
-    margin-left: 16.6666666667%;
+    margin-left: calc(2 / 12 * 100%);
   }
 
   .offset-md-3 {
-    margin-left: 25%;
+    margin-left: calc(3 / 12 * 100%);
   }
 
   .offset-md-4 {
-    margin-left: 33.3333333333%;
+    margin-left: calc(4 / 12 * 100%);
   }
 
   .offset-md-5 {
-    margin-left: 41.6666666667%;
+    margin-left: calc(5 / 12 * 100%);
   }
 
   .offset-md-6 {
-    margin-left: 50%;
+    margin-left: calc(6 / 12 * 100%);
   }
 
   .offset-md-7 {
-    margin-left: 58.3333333333%;
+    margin-left: calc(7 / 12 * 100%);
   }
 
   .offset-md-8 {
-    margin-left: 66.6666666667%;
+    margin-left: calc(8 / 12 * 100%);
   }
 
   .offset-md-9 {
-    margin-left: 75%;
+    margin-left: calc(9 / 12 * 100%);
   }
 
   .offset-md-10 {
-    margin-left: 83.3333333333%;
+    margin-left: calc(10 / 12 * 100%);
   }
 
   .offset-md-11 {
-    margin-left: 91.6666666667%;
+    margin-left: calc(11 / 12 * 100%);
   }
 }
 @media (min-width: 992px) {
@@ -2644,33 +2640,33 @@ input[type=button].btn-block {
   }
 
   .row-cols-lg-1 > * {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(100% / 1);
+    max-width: calc(100% / 1);
   }
 
   .row-cols-lg-2 > * {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(100% / 2);
+    max-width: calc(100% / 2);
   }
 
   .row-cols-lg-3 > * {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(100% / 3);
+    max-width: calc(100% / 3);
   }
 
   .row-cols-lg-4 > * {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(100% / 4);
+    max-width: calc(100% / 4);
   }
 
   .row-cols-lg-5 > * {
-    flex: 0 0 20%;
-    max-width: 20%;
+    flex: 0 0 calc(100% / 5);
+    max-width: calc(100% / 5);
   }
 
   .row-cols-lg-6 > * {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(100% / 6);
+    max-width: calc(100% / 6);
   }
 
   .col-lg-auto {
@@ -2680,63 +2676,63 @@ input[type=button].btn-block {
   }
 
   .col-lg-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%;
+    flex: 0 0 calc(1 / 12 * 100%);
+    max-width: calc(1 / 12 * 100%);
   }
 
   .col-lg-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(2 / 12 * 100%);
+    max-width: calc(2 / 12 * 100%);
   }
 
   .col-lg-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(3 / 12 * 100%);
+    max-width: calc(3 / 12 * 100%);
   }
 
   .col-lg-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(4 / 12 * 100%);
+    max-width: calc(4 / 12 * 100%);
   }
 
   .col-lg-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%;
+    flex: 0 0 calc(5 / 12 * 100%);
+    max-width: calc(5 / 12 * 100%);
   }
 
   .col-lg-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(6 / 12 * 100%);
+    max-width: calc(6 / 12 * 100%);
   }
 
   .col-lg-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%;
+    flex: 0 0 calc(7 / 12 * 100%);
+    max-width: calc(7 / 12 * 100%);
   }
 
   .col-lg-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%;
+    flex: 0 0 calc(8 / 12 * 100%);
+    max-width: calc(8 / 12 * 100%);
   }
 
   .col-lg-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
+    flex: 0 0 calc(9 / 12 * 100%);
+    max-width: calc(9 / 12 * 100%);
   }
 
   .col-lg-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%;
+    flex: 0 0 calc(10 / 12 * 100%);
+    max-width: calc(10 / 12 * 100%);
   }
 
   .col-lg-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%;
+    flex: 0 0 calc(11 / 12 * 100%);
+    max-width: calc(11 / 12 * 100%);
   }
 
   .col-lg-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(12 / 12 * 100%);
+    max-width: calc(12 / 12 * 100%);
   }
 
   .order-lg-first {
@@ -2800,51 +2796,51 @@ input[type=button].btn-block {
   }
 
   .offset-lg-0 {
-    margin-left: 0;
+    margin-left: calc(0 / 12 * 100%);
   }
 
   .offset-lg-1 {
-    margin-left: 8.3333333333%;
+    margin-left: calc(1 / 12 * 100%);
   }
 
   .offset-lg-2 {
-    margin-left: 16.6666666667%;
+    margin-left: calc(2 / 12 * 100%);
   }
 
   .offset-lg-3 {
-    margin-left: 25%;
+    margin-left: calc(3 / 12 * 100%);
   }
 
   .offset-lg-4 {
-    margin-left: 33.3333333333%;
+    margin-left: calc(4 / 12 * 100%);
   }
 
   .offset-lg-5 {
-    margin-left: 41.6666666667%;
+    margin-left: calc(5 / 12 * 100%);
   }
 
   .offset-lg-6 {
-    margin-left: 50%;
+    margin-left: calc(6 / 12 * 100%);
   }
 
   .offset-lg-7 {
-    margin-left: 58.3333333333%;
+    margin-left: calc(7 / 12 * 100%);
   }
 
   .offset-lg-8 {
-    margin-left: 66.6666666667%;
+    margin-left: calc(8 / 12 * 100%);
   }
 
   .offset-lg-9 {
-    margin-left: 75%;
+    margin-left: calc(9 / 12 * 100%);
   }
 
   .offset-lg-10 {
-    margin-left: 83.3333333333%;
+    margin-left: calc(10 / 12 * 100%);
   }
 
   .offset-lg-11 {
-    margin-left: 91.6666666667%;
+    margin-left: calc(11 / 12 * 100%);
   }
 }
 @media (min-width: 1200px) {
@@ -2855,33 +2851,33 @@ input[type=button].btn-block {
   }
 
   .row-cols-xl-1 > * {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(100% / 1);
+    max-width: calc(100% / 1);
   }
 
   .row-cols-xl-2 > * {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(100% / 2);
+    max-width: calc(100% / 2);
   }
 
   .row-cols-xl-3 > * {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(100% / 3);
+    max-width: calc(100% / 3);
   }
 
   .row-cols-xl-4 > * {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(100% / 4);
+    max-width: calc(100% / 4);
   }
 
   .row-cols-xl-5 > * {
-    flex: 0 0 20%;
-    max-width: 20%;
+    flex: 0 0 calc(100% / 5);
+    max-width: calc(100% / 5);
   }
 
   .row-cols-xl-6 > * {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(100% / 6);
+    max-width: calc(100% / 6);
   }
 
   .col-xl-auto {
@@ -2891,63 +2887,63 @@ input[type=button].btn-block {
   }
 
   .col-xl-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%;
+    flex: 0 0 calc(1 / 12 * 100%);
+    max-width: calc(1 / 12 * 100%);
   }
 
   .col-xl-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%;
+    flex: 0 0 calc(2 / 12 * 100%);
+    max-width: calc(2 / 12 * 100%);
   }
 
   .col-xl-3 {
-    flex: 0 0 25%;
-    max-width: 25%;
+    flex: 0 0 calc(3 / 12 * 100%);
+    max-width: calc(3 / 12 * 100%);
   }
 
   .col-xl-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
+    flex: 0 0 calc(4 / 12 * 100%);
+    max-width: calc(4 / 12 * 100%);
   }
 
   .col-xl-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%;
+    flex: 0 0 calc(5 / 12 * 100%);
+    max-width: calc(5 / 12 * 100%);
   }
 
   .col-xl-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
+    flex: 0 0 calc(6 / 12 * 100%);
+    max-width: calc(6 / 12 * 100%);
   }
 
   .col-xl-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%;
+    flex: 0 0 calc(7 / 12 * 100%);
+    max-width: calc(7 / 12 * 100%);
   }
 
   .col-xl-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%;
+    flex: 0 0 calc(8 / 12 * 100%);
+    max-width: calc(8 / 12 * 100%);
   }
 
   .col-xl-9 {
-    flex: 0 0 75%;
-    max-width: 75%;
+    flex: 0 0 calc(9 / 12 * 100%);
+    max-width: calc(9 / 12 * 100%);
   }
 
   .col-xl-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%;
+    flex: 0 0 calc(10 / 12 * 100%);
+    max-width: calc(10 / 12 * 100%);
   }
 
   .col-xl-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%;
+    flex: 0 0 calc(11 / 12 * 100%);
+    max-width: calc(11 / 12 * 100%);
   }
 
   .col-xl-12 {
-    flex: 0 0 100%;
-    max-width: 100%;
+    flex: 0 0 calc(12 / 12 * 100%);
+    max-width: calc(12 / 12 * 100%);
   }
 
   .order-xl-first {
@@ -3011,51 +3007,51 @@ input[type=button].btn-block {
   }
 
   .offset-xl-0 {
-    margin-left: 0;
+    margin-left: calc(0 / 12 * 100%);
   }
 
   .offset-xl-1 {
-    margin-left: 8.3333333333%;
+    margin-left: calc(1 / 12 * 100%);
   }
 
   .offset-xl-2 {
-    margin-left: 16.6666666667%;
+    margin-left: calc(2 / 12 * 100%);
   }
 
   .offset-xl-3 {
-    margin-left: 25%;
+    margin-left: calc(3 / 12 * 100%);
   }
 
   .offset-xl-4 {
-    margin-left: 33.3333333333%;
+    margin-left: calc(4 / 12 * 100%);
   }
 
   .offset-xl-5 {
-    margin-left: 41.6666666667%;
+    margin-left: calc(5 / 12 * 100%);
   }
 
   .offset-xl-6 {
-    margin-left: 50%;
+    margin-left: calc(6 / 12 * 100%);
   }
 
   .offset-xl-7 {
-    margin-left: 58.3333333333%;
+    margin-left: calc(7 / 12 * 100%);
   }
 
   .offset-xl-8 {
-    margin-left: 66.6666666667%;
+    margin-left: calc(8 / 12 * 100%);
   }
 
   .offset-xl-9 {
-    margin-left: 75%;
+    margin-left: calc(9 / 12 * 100%);
   }
 
   .offset-xl-10 {
-    margin-left: 83.3333333333%;
+    margin-left: calc(10 / 12 * 100%);
   }
 
   .offset-xl-11 {
-    margin-left: 91.6666666667%;
+    margin-left: calc(11 / 12 * 100%);
   }
 }
 .container-fluid-max-sm {
@@ -3280,6 +3276,9 @@ input[type=button].btn-block {
   padding-right: calc( 				2.5rem + 15px 			);
   position: relative;
 }
+.alert-fluid .close {
+  right: calc(15px + 0.25rem);
+}
 .alert-fluid .container,
 .alert-fluid .container-fluid {
   padding-bottom: 0.75rem;
@@ -3287,9 +3286,6 @@ input[type=button].btn-block {
   padding-right: 1.25rem;
   padding-top: 0.75rem;
 }
-.alert-fluid .close {
-  right: calc(15px + 0.25rem);
-}
 .alert-container {
   height: 0;
   position: relative;
@@ -4025,7 +4021,7 @@ input[type=button].btn-block {
   color: #6c757d;
   display: block;
   float: left;
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2L173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236c757d'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2%20173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236c757d'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 100%;
   content: "";
@@ -4263,17 +4259,38 @@ input[type=button].btn-block {
   padding-right: 0.4375rem;
   padding-top: 0.1875rem;
   white-space: inherit;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
-.label a {
+.label[href], .label[type], .label[tabindex] {
+  cursor: pointer;
+  text-decoration: none;
+}
+.label a,
+.label .btn-unstyled {
   color: inherit;
   display: inline-block;
   text-decoration: underline;
 }
-.label a:hover, .label a:focus {
+.label a:hover,
+.label .btn-unstyled:hover {
+  color: inherit;
+  text-decoration: none;
+}
+.label a:focus,
+.label .btn-unstyled:focus {
   color: inherit;
   text-decoration: none;
 }
+.label .sticker {
+  border-radius: 100px;
+  height: 0.875em;
+  line-height: 0.875em;
+  width: 0.875em;
+}
+.label .sticker-overlay {
+  border-radius: 100px;
+}
 .label > .c-inner {
   margin-bottom: -0.1875rem;
   margin-left: -0.4375rem;
@@ -4308,23 +4325,6 @@ input[type=button].btn-block {
 .label .inline-item .lexicon-icon {
   margin-top: 0;
 }
-.label .sticker {
-  border-radius: 100px;
-  height: 0.875em;
-  line-height: 0.875em;
-  width: 0.875em;
-}
-.label .sticker-overlay {
-  border-radius: 100px;
-}
-
-a.label,
-button.label {
-  text-decoration: none;
-}
-button.label {
-  cursor: pointer;
-}
 
 .label-item {
   display: flex;
@@ -4373,12 +4373,12 @@ button.label {
   flex-grow: 1;
   flex-shrink: 1;
   min-width: 1rem;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 .label-item-expand a {
   flex-direction: column;
 }
-
 .label-item-before {
   margin-right: 0.5em;
 }
@@ -4395,7 +4395,6 @@ button.label {
   padding-right: 1rem;
   padding-top: 0.375rem;
   text-transform: none;
-  border-width: 0.0625rem;
 }
 .label-lg > .c-inner {
   margin-bottom: -0.375rem;
@@ -4409,26 +4408,15 @@ button.label {
   border-color: #007bff;
   color: #007bff;
 }
-a.label-primary:hover,
-button.label-primary:hover {
+[href].label-primary:hover, [type].label-primary:hover, [tabindex].label-primary:hover {
   border-color: #0062cc;
   color: #0062cc;
 }
-a.label-primary:focus,
-button.label-primary:focus {
-  color: #0062cc;
-}
-
-.label-primary[tabindex]:hover {
-  border-color: #0062cc;
+[href].label-primary:focus, [type].label-primary:focus, [tabindex].label-primary:focus {
   color: #0062cc;
 }
-.label-primary[tabindex]:focus {
-  color: #0062cc;
-}
-.label-primary a:hover, .label-primary a:focus,
-.label-primary .btn-unstyled:hover,
-.label-primary .btn-unstyled:focus {
+.label-primary a:hover,
+.label-primary .btn-unstyled:hover {
   color: #0062cc;
 }
 .label-primary .close:hover {
@@ -4442,26 +4430,15 @@ button.label-primary:focus {
   border-color: #6c757d;
   color: #6c757d;
 }
-a.label-secondary:hover,
-button.label-secondary:hover {
+[href].label-secondary:hover, [type].label-secondary:hover, [tabindex].label-secondary:hover {
   border-color: #545b62;
   color: #545b62;
 }
-a.label-secondary:focus,
-button.label-secondary:focus {
+[href].label-secondary:focus, [type].label-secondary:focus, [tabindex].label-secondary:focus {
   color: #545b62;
 }
-
-.label-secondary[tabindex]:hover {
-  border-color: #545b62;
-  color: #545b62;
-}
-.label-secondary[tabindex]:focus {
-  color: #545b62;
-}
-.label-secondary a:hover, .label-secondary a:focus,
-.label-secondary .btn-unstyled:hover,
-.label-secondary .btn-unstyled:focus {
+.label-secondary a:hover,
+.label-secondary .btn-unstyled:hover {
   color: #545b62;
 }
 .label-secondary .close:hover {
@@ -4475,26 +4452,15 @@ button.label-secondary:focus {
   border-color: #28a745;
   color: #28a745;
 }
-a.label-success:hover,
-button.label-success:hover {
-  border-color: #1e7e34;
-  color: #1e7e34;
-}
-a.label-success:focus,
-button.label-success:focus {
-  color: #1e7e34;
-}
-
-.label-success[tabindex]:hover {
+[href].label-success:hover, [type].label-success:hover, [tabindex].label-success:hover {
   border-color: #1e7e34;
   color: #1e7e34;
 }
-.label-success[tabindex]:focus {
+[href].label-success:focus, [type].label-success:focus, [tabindex].label-success:focus {
   color: #1e7e34;
 }
-.label-success a:hover, .label-success a:focus,
-.label-success .btn-unstyled:hover,
-.label-success .btn-unstyled:focus {
+.label-success a:hover,
+.label-success .btn-unstyled:hover {
   color: #1e7e34;
 }
 .label-success .close:hover {
@@ -4508,26 +4474,15 @@ button.label-success:focus {
   border-color: #17a2b8;
   color: #17a2b8;
 }
-a.label-info:hover,
-button.label-info:hover {
+[href].label-info:hover, [type].label-info:hover, [tabindex].label-info:hover {
   border-color: #117a8b;
   color: #117a8b;
 }
-a.label-info:focus,
-button.label-info:focus {
+[href].label-info:focus, [type].label-info:focus, [tabindex].label-info:focus {
   color: #117a8b;
 }
-
-.label-info[tabindex]:hover {
-  border-color: #117a8b;
-  color: #117a8b;
-}
-.label-info[tabindex]:focus {
-  color: #117a8b;
-}
-.label-info a:hover, .label-info a:focus,
-.label-info .btn-unstyled:hover,
-.label-info .btn-unstyled:focus {
+.label-info a:hover,
+.label-info .btn-unstyled:hover {
   color: #117a8b;
 }
 .label-info .close:hover {
@@ -4541,26 +4496,15 @@ button.label-info:focus {
   border-color: #ffc107;
   color: #ffc107;
 }
-a.label-warning:hover,
-button.label-warning:hover {
-  border-color: #d39e00;
-  color: #d39e00;
-}
-a.label-warning:focus,
-button.label-warning:focus {
-  color: #d39e00;
-}
-
-.label-warning[tabindex]:hover {
+[href].label-warning:hover, [type].label-warning:hover, [tabindex].label-warning:hover {
   border-color: #d39e00;
   color: #d39e00;
 }
-.label-warning[tabindex]:focus {
+[href].label-warning:focus, [type].label-warning:focus, [tabindex].label-warning:focus {
   color: #d39e00;
 }
-.label-warning a:hover, .label-warning a:focus,
-.label-warning .btn-unstyled:hover,
-.label-warning .btn-unstyled:focus {
+.label-warning a:hover,
+.label-warning .btn-unstyled:hover {
   color: #d39e00;
 }
 .label-warning .close:hover {
@@ -4574,26 +4518,15 @@ button.label-warning:focus {
   border-color: #dc3545;
   color: #dc3545;
 }
-a.label-danger:hover,
-button.label-danger:hover {
-  border-color: #bd2130;
-  color: #bd2130;
-}
-a.label-danger:focus,
-button.label-danger:focus {
-  color: #bd2130;
-}
-
-.label-danger[tabindex]:hover {
+[href].label-danger:hover, [type].label-danger:hover, [tabindex].label-danger:hover {
   border-color: #bd2130;
   color: #bd2130;
 }
-.label-danger[tabindex]:focus {
+[href].label-danger:focus, [type].label-danger:focus, [tabindex].label-danger:focus {
   color: #bd2130;
 }
-.label-danger a:hover, .label-danger a:focus,
-.label-danger .btn-unstyled:hover,
-.label-danger .btn-unstyled:focus {
+.label-danger a:hover,
+.label-danger .btn-unstyled:hover {
   color: #bd2130;
 }
 .label-danger .close:hover {
@@ -4607,26 +4540,15 @@ button.label-danger:focus {
   border-color: #343a40;
   color: #343a40;
 }
-a.label-dark:hover,
-button.label-dark:hover {
+[href].label-dark:hover, [type].label-dark:hover, [tabindex].label-dark:hover {
   border-color: #1d2124;
   color: #1d2124;
 }
-a.label-dark:focus,
-button.label-dark:focus {
+[href].label-dark:focus, [type].label-dark:focus, [tabindex].label-dark:focus {
   color: #1d2124;
 }
-
-.label-dark[tabindex]:hover {
-  border-color: #1d2124;
-  color: #1d2124;
-}
-.label-dark[tabindex]:focus {
-  color: #1d2124;
-}
-.label-dark a:hover, .label-dark a:focus,
-.label-dark .btn-unstyled:hover,
-.label-dark .btn-unstyled:focus {
+.label-dark a:hover,
+.label-dark .btn-unstyled:hover {
   color: #1d2124;
 }
 .label-dark .close:hover {
@@ -4640,26 +4562,15 @@ button.label-dark:focus {
   border-color: #f8f9fa;
   color: #f8f9fa;
 }
-a.label-light:hover,
-button.label-light:hover {
-  border-color: #dae0e5;
-  color: #dae0e5;
-}
-a.label-light:focus,
-button.label-light:focus {
-  color: #dae0e5;
-}
-
-.label-light[tabindex]:hover {
+[href].label-light:hover, [type].label-light:hover, [tabindex].label-light:hover {
   border-color: #dae0e5;
   color: #dae0e5;
 }
-.label-light[tabindex]:focus {
+[href].label-light:focus, [type].label-light:focus, [tabindex].label-light:focus {
   color: #dae0e5;
 }
-.label-light a:hover, .label-light a:focus,
-.label-light .btn-unstyled:hover,
-.label-light .btn-unstyled:focus {
+.label-light a:hover,
+.label-light .btn-unstyled:hover {
   color: #dae0e5;
 }
 .label-light .close:hover {
@@ -4673,20 +4584,13 @@ button.label-light:focus {
   border-color: #007bff;
   color: #fff;
 }
-a.label-inverse-primary:hover,
-button.label-inverse-primary:hover {
-  background-color: #0062cc;
-  border-color: #0062cc;
-  color: #fff;
-}
-.label-inverse-primary[tabindex]:hover {
+[href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex].label-inverse-primary:hover {
   background-color: #0062cc;
   border-color: #0062cc;
   color: #fff;
 }
-.label-inverse-primary a:hover, .label-inverse-primary a:focus,
-.label-inverse-primary .btn-unstyled:hover,
-.label-inverse-primary .btn-unstyled:focus {
+.label-inverse-primary a:hover,
+.label-inverse-primary .btn-unstyled:hover {
   color: #e6e6e6;
 }
 .label-inverse-primary .close:hover {
@@ -4697,20 +4601,13 @@ button.label-inverse-primary:hover {
   border-color: #6c757d;
   color: #fff;
 }
-a.label-inverse-secondary:hover,
-button.label-inverse-secondary:hover {
-  background-color: #545b62;
-  border-color: #545b62;
-  color: #fff;
-}
-.label-inverse-secondary[tabindex]:hover {
+[href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex].label-inverse-secondary:hover {
   background-color: #545b62;
   border-color: #545b62;
   color: #fff;
 }
-.label-inverse-secondary a:hover, .label-inverse-secondary a:focus,
-.label-inverse-secondary .btn-unstyled:hover,
-.label-inverse-secondary .btn-unstyled:focus {
+.label-inverse-secondary a:hover,
+.label-inverse-secondary .btn-unstyled:hover {
   color: #e6e6e6;
 }
 .label-inverse-secondary .close:hover {
@@ -4721,20 +4618,13 @@ button.label-inverse-secondary:hover {
   border-color: #28a745;
   color: #fff;
 }
-a.label-inverse-success:hover,
-button.label-inverse-success:hover {
-  background-color: #1e7e34;
-  border-color: #1e7e34;
-  color: #fff;
-}
-.label-inverse-success[tabindex]:hover {
+[href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex].label-inverse-success:hover {
   background-color: #1e7e34;
   border-color: #1e7e34;
   color: #fff;
 }
-.label-inverse-success a:hover, .label-inverse-success a:focus,
-.label-inverse-success .btn-unstyled:hover,
-.label-inverse-success .btn-unstyled:focus {
+.label-inverse-success a:hover,
+.label-inverse-success .btn-unstyled:hover {
   color: #e6e6e6;
 }
 .label-inverse-success .close:hover {
@@ -4745,20 +4635,13 @@ button.label-inverse-success:hover {
   border-color: #17a2b8;
   color: #fff;
 }
-a.label-inverse-info:hover,
-button.label-inverse-info:hover {
-  background-color: #117a8b;
-  border-color: #117a8b;
-  color: #fff;
-}
-.label-inverse-info[tabindex]:hover {
+[href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex].label-inverse-info:hover {
   background-color: #117a8b;
   border-color: #117a8b;
   color: #fff;
 }
-.label-inverse-info a:hover, .label-inverse-info a:focus,
-.label-inverse-info .btn-unstyled:hover,
-.label-inverse-info .btn-unstyled:focus {
+.label-inverse-info a:hover,
+.label-inverse-info .btn-unstyled:hover {
   color: #e6e6e6;
 }
 .label-inverse-info .close:hover {
@@ -4769,20 +4652,13 @@ button.label-inverse-info:hover {
   border-color: #ffc107;
   color: #212529;
 }
-a.label-inverse-warning:hover,
-button.label-inverse-warning:hover {
+[href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex].label-inverse-warning:hover {
   background-color: #d39e00;
   border-color: #d39e00;
   color: #212529;
 }
-.label-inverse-warning[tabindex]:hover {
-  background-color: #d39e00;
-  border-color: #d39e00;
-  color: #212529;
-}
-.label-inverse-warning a:hover, .label-inverse-warning a:focus,
-.label-inverse-warning .btn-unstyled:hover,
-.label-inverse-warning .btn-unstyled:focus {
+.label-inverse-warning a:hover,
+.label-inverse-warning .btn-unstyled:hover {
   color: #4e5862;
 }
 .label-inverse-warning .close:hover {
@@ -4793,20 +4669,13 @@ button.label-inverse-warning:hover {
   border-color: #dc3545;
   color: #fff;
 }
-a.label-inverse-danger:hover,
-button.label-inverse-danger:hover {
-  background-color: #bd2130;
-  border-color: #bd2130;
-  color: #fff;
-}
-.label-inverse-danger[tabindex]:hover {
+[href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex].label-inverse-danger:hover {
   background-color: #bd2130;
   border-color: #bd2130;
   color: #fff;
 }
-.label-inverse-danger a:hover, .label-inverse-danger a:focus,
-.label-inverse-danger .btn-unstyled:hover,
-.label-inverse-danger .btn-unstyled:focus {
+.label-inverse-danger a:hover,
+.label-inverse-danger .btn-unstyled:hover {
   color: #e6e6e6;
 }
 .label-inverse-danger .close:hover {
@@ -4817,20 +4686,13 @@ button.label-inverse-danger:hover {
   border-color: #f8f9fa;
   color: #212529;
 }
-a.label-inverse-light:hover,
-button.label-inverse-light:hover {
-  background-color: #dae0e5;
-  border-color: #dae0e5;
-  color: #212529;
-}
-.label-inverse-light[tabindex]:hover {
+[href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex].label-inverse-light:hover {
   background-color: #dae0e5;
   border-color: #dae0e5;
   color: #212529;
 }
-.label-inverse-light a:hover, .label-inverse-light a:focus,
-.label-inverse-light .btn-unstyled:hover,
-.label-inverse-light .btn-unstyled:focus {
+.label-inverse-light a:hover,
+.label-inverse-light .btn-unstyled:hover {
   color: #383f45;
 }
 .label-inverse-light .close:hover {
@@ -4841,20 +4703,13 @@ button.label-inverse-light:hover {
   border-color: #343a40;
   color: #fff;
 }
-a.label-inverse-dark:hover,
-button.label-inverse-dark:hover {
-  background-color: #1d2124;
-  border-color: #1d2124;
-  color: #fff;
-}
-.label-inverse-dark[tabindex]:hover {
+[href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex].label-inverse-dark:hover {
   background-color: #1d2124;
   border-color: #1d2124;
   color: #fff;
 }
-.label-inverse-dark a:hover, .label-inverse-dark a:focus,
-.label-inverse-dark .btn-unstyled:hover,
-.label-inverse-dark .btn-unstyled:focus {
+.label-inverse-dark a:hover,
+.label-inverse-dark .btn-unstyled:hover {
   color: #e6e6e6;
 }
 .label-inverse-dark .close:hover {
@@ -4874,7 +4729,6 @@ button.label-inverse-dark:hover {
   border-radius: 0.25rem;
   height: 2rem;
   line-height: 2rem;
-  width: 2rem;
   display: inline-flex;
   font-size: 0.875rem;
   font-weight: 500;
@@ -4882,27 +4736,20 @@ button.label-inverse-dark:hover {
   position: relative;
   text-align: center;
   vertical-align: middle;
+  width: 2rem;
 }
 .sticker > .inline-item {
   justify-content: center;
 }
-.sticker > .inline-item .lexicon-icon,
-.sticker .lexicon-icon {
+.sticker > .inline-item .lexicon-icon {
   margin-top: 0;
 }
-.sticker.rounded .sticker-overlay {
-  border-radius: 0.25rem;
-}
-.sticker.rounded-circle .sticker-overlay {
-  border-radius: 5000px;
-}
-.sticker.rounded-0 .sticker-overlay {
-  border-radius: 0;
+.sticker .lexicon-icon {
+  margin-top: 0;
 }
-
 .sticker-overlay {
   align-items: center;
-  border-radius: 0.25rem;
+  border-radius: inherit;
   bottom: 0;
   display: flex;
   justify-content: center;
@@ -4962,12 +4809,9 @@ button.label-inverse-dark:hover {
 }
 
 .sticker-user-icon {
-  border-radius: 5000px;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
   background-color: #fff;
-}
-.sticker-user-icon .sticker-overlay {
   border-radius: 5000px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
 }
 .sticker-sm {
   font-size: 0.75rem;
@@ -4975,21 +4819,15 @@ button.label-inverse-dark:hover {
   line-height: 1.5rem;
   width: 1.5rem;
 }
-.sticker-sm.sticker-outside {
+.sticker-outside.sticker-sm {
   left: -0.75rem;
   top: -0.75rem;
 }
-.sticker-sm.sticker-outside.sticker-bottom-left {
+.sticker-outside.sticker-bottom-left.sticker-sm {
   bottom: -0.75rem;
   top: auto;
 }
-.sticker-sm.sticker-outside.sticker-bottom-right {
-  bottom: -0.75rem;
-  left: auto;
-  right: -0.75rem;
-  top: auto;
-}
-.sticker-sm.sticker-outside.sticker-top-right {
+.sticker-outside.sticker-top-right.sticker-sm {
   left: auto;
   right: -0.75rem;
 }
@@ -5000,21 +4838,15 @@ button.label-inverse-dark:hover {
   line-height: 2.5rem;
   width: 2.5rem;
 }
-.sticker-lg.sticker-outside {
+.sticker-outside.sticker-lg {
   left: -1.25rem;
   top: -1.25rem;
 }
-.sticker-lg.sticker-outside.sticker-bottom-left {
+.sticker-outside.sticker-bottom-left.sticker-lg {
   bottom: -1.25rem;
   top: auto;
 }
-.sticker-lg.sticker-outside.sticker-bottom-right {
-  bottom: -1.25rem;
-  left: auto;
-  right: -1.25rem;
-  top: auto;
-}
-.sticker-lg.sticker-outside.sticker-top-right {
+.sticker-outside.sticker-top-right.sticker-lg {
   left: auto;
   right: -1.25rem;
 }
@@ -5025,21 +4857,15 @@ button.label-inverse-dark:hover {
   line-height: 3rem;
   width: 3rem;
 }
-.sticker-xl.sticker-outside {
+.sticker-outside.sticker-xl {
   left: -1.5rem;
   top: -1.5rem;
 }
-.sticker-xl.sticker-outside.sticker-bottom-left {
+.sticker-outside.sticker-bottom-left.sticker-xl {
   bottom: -1.5rem;
   top: auto;
 }
-.sticker-xl.sticker-outside.sticker-bottom-right {
-  bottom: -1.5rem;
-  left: auto;
-  right: -1.5rem;
-  top: auto;
-}
-.sticker-xl.sticker-outside.sticker-top-right {
+.sticker-outside.sticker-top-right.sticker-xl {
   left: auto;
   right: -1.5rem;
 }
@@ -5048,47 +4874,37 @@ button.label-inverse-dark:hover {
   background-color: #007bff;
   color: #fff;
 }
-
 .sticker-secondary {
   background-color: #6c757d;
   color: #fff;
 }
-
 .sticker-success {
   background-color: #28a745;
   color: #fff;
 }
-
 .sticker-info {
   background-color: #17a2b8;
   color: #fff;
 }
-
 .sticker-warning {
   background-color: #ffc107;
   color: #212529;
 }
-
 .sticker-danger {
   background-color: #dc3545;
   color: #fff;
 }
-
 .sticker-light {
   background-color: #f8f9fa;
   color: #212529;
 }
-
 .sticker-dark {
   background-color: #343a40;
   color: #fff;
 }
-
-.sticker-circle,
-.sticker-circle .sticker-overlay {
+.sticker-circle {
   border-radius: 5000px;
 }
-
 .card,
 .card-horizontal {
   background-color: #fff;
@@ -5879,31 +5695,25 @@ button.label-inverse-dark:hover {
   }
 }
 
-.card-interactive.card,
-.card-interactive .card {
+.card-interactive {
   cursor: pointer;
   outline: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .card-interactive.card,
-.card-interactive .card {
+  .card-interactive {
     transition: none;
   }
 }
-.card-interactive.card:hover,
-.card-interactive .card:hover {
+.card-interactive:hover, .card-interactive.hover {
   background-color: #f8f9fa;
   text-decoration: none;
 }
-.card-interactive.card:focus,
-.card-interactive .card:focus {
+.card-interactive:focus, .card-interactive.focus {
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
-.card-interactive.card:active, .card-interactive.card.active,
-.card-interactive .card:active,
-.card-interactive .card.active {
+.card-interactive:active, .card-interactive.active {
   background-color: #e9ecef;
 }
 .card-interactive::after {
@@ -5937,13 +5747,10 @@ button.label-inverse-dark:hover {
   cursor: pointer;
 }
 
-.card-interactive-primary.card:focus,
-.card-interactive-primary .card:focus {
+.card-interactive-primary:focus, .card-interactive-primary.focus {
   background-color: #f8f9fa;
 }
-.card-interactive-primary.card:active, .card-interactive-primary.card.active,
-.card-interactive-primary .card:active,
-.card-interactive-primary .card.active {
+.card-interactive-primary:active, .card-interactive-primary.active {
   background-color: #e9ecef;
 }
 .card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
@@ -5955,27 +5762,23 @@ button.label-inverse-dark:hover {
 .card-interactive-primary:active::after, .card-interactive-primary.active::after {
   background-color: #007bff;
 }
-.card-interactive-secondary.card,
-.card-interactive-secondary .card {
+.card-interactive-secondary {
   color: #212529;
 }
-.card-interactive-secondary.card:hover,
-.card-interactive-secondary .card:hover {
+.card-interactive-secondary:hover, .card-interactive-secondary.hover {
   background-color: #fff;
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   color: #212529;
 }
-.card-interactive-secondary.card:active, .card-interactive-secondary.card.active,
-.card-interactive-secondary .card:active,
-.card-interactive-secondary .card.active {
+.card-interactive-secondary:active, .card-interactive-secondary.active {
   background-color: #fff;
 }
 .card-type-asset .aspect-ratio {
   border-color: rgba(0, 0, 0, 0.125);
   border-style: solid;
   border-width: 0 0 0.0625rem 0;
-  padding-bottom: 56.25%;
+  padding-bottom: calc(9 / 16 * 100%);
 }
 .card-type-asset .aspect-ratio .custom-control label,
 .card-type-asset .aspect-ratio .form-check-label {
@@ -6004,20 +5807,16 @@ button.label-inverse-dark:hover {
   width: 100%;
 }
 .card-type-asset .card-type-asset-icon > .sticker {
+  border-radius: 50%;
   display: block;
+  font-size: 2vw;
   padding-bottom: 100%;
   width: 100%;
-  border-radius: 50%;
-  font-size: 2vw;
-}
-.card-type-asset .card-type-asset-icon .sticker-overlay {
-  border-radius: 50%;
 }
 .card-type-asset .dropdown-action {
   margin-right: -0.5rem;
   margin-top: -0.1875rem;
 }
-
 .file-card .card-type-asset-icon {
   color: #6c757d;
 }
@@ -6043,31 +5842,24 @@ button.label-inverse-dark:hover {
   min-width: 48px;
   width: 30%;
 }
-.user-card .card-type-asset-icon .lexicon-icon {
+.user-card .card-type-asset-icon > .lexicon-icon {
   height: auto;
   width: 50%;
 }
-
-.card-type-directory .dropdown-action {
-  margin-right: -0.5rem;
-}
 .card-type-directory .sticker {
   font-size: 1.125rem;
 }
-
-.card-type-template.card,
-.card-type-template .card {
+.card-type-template {
   color: #212529;
 }
-.card-type-template.card:hover,
-.card-type-template .card:hover {
+.card-type-template:hover, .card-type-template.hover {
   color: #212529;
 }
 .card-type-template .aspect-ratio {
   border-width: 0;
   color: #6c757d;
   text-align: center;
-  padding-bottom: 56.25%;
+  padding-bottom: calc(9 / 16 * 100%);
 }
 .card-type-template .aspect-ratio .lexicon-icon {
   height: auto;
@@ -6087,12 +5879,10 @@ button.label-inverse-dark:hover {
   padding-top: 0;
   text-align: center;
 }
-.template-card-horizontal.card,
-.template-card-horizontal .card {
+.template-card-horizontal {
   color: #6c757d;
 }
-.template-card-horizontal.card:hover,
-.template-card-horizontal .card:hover {
+.template-card-horizontal:hover, .template-card-horizontal.hover {
   color: #6c757d;
 }
 .template-card-horizontal .sticker {
@@ -6121,7 +5911,6 @@ button.label-inverse-dark:hover {
 .dropdown-toggle {
   white-space: nowrap;
 }
-
 .dropdown-header {
   color: #6c757d;
   display: block;
@@ -6130,6 +5919,7 @@ button.label-inverse-dark:hover {
   padding-right: 1.5rem;
   padding-top: 0.5rem;
   position: relative;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 .dropdown-header:first-child {
@@ -6146,6 +5936,7 @@ button.label-inverse-dark:hover {
   padding-top: 0.5rem;
   text-transform: uppercase;
   white-space: normal;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 .dropdown-subheader:first-child {
@@ -6157,6 +5948,7 @@ button.label-inverse-dark:hover {
   font-size: 0.875rem;
   padding: 0.25rem 1.5rem;
   white-space: normal;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 
@@ -6288,9 +6080,9 @@ button.label-inverse-dark:hover {
   background-clip: padding-box;
   background-color: #fff;
   border-color: rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
   border-style: solid;
   border-width: 0.0625rem;
-  border-radius: 0.25rem;
   color: #212529;
   display: none;
   float: left;
@@ -6302,23 +6094,21 @@ button.label-inverse-dark:hover {
   max-width: 260px;
   min-width: 10rem;
   overflow: auto;
-  padding: 0.5rem 0 0;
+  padding: 0.5rem 0;
   position: absolute;
   text-align: left;
   top: 100%;
   z-index: 1000;
 }
-.dropdown-menu::after {
-  content: "";
-  display: block;
-  padding-top: 0.5rem;
-}
 @media (max-width: 991.98px) {
   .dropdown-menu {
     max-height: 295px;
     max-width: 230px;
   }
 }
+.dropdown-menu.show {
+  display: block;
+}
 .dropdown-menu .alert {
   line-height: normal;
   margin: 0.5rem;
@@ -6355,10 +6145,6 @@ button.label-inverse-dark:hover {
   margin-bottom: 0;
 }
 
-.dropdown-menu.show {
-  display: block;
-}
-
 .dropdown-menu-left {
   left: 0;
   right: auto;
@@ -6462,26 +6248,23 @@ button.label-inverse-dark:hover {
   border-radius: 0.25rem;
   cursor: pointer;
   display: flex;
-  height: 1.9375rem;
-  line-height: 1.9375rem;
-  width: 1.9375rem;
   font-size: inherit;
   font-weight: inherit;
+  height: 1.9375rem;
   justify-content: center;
   line-height: inherit;
   padding: 0;
   text-transform: inherit;
   vertical-align: baseline;
+  width: 1.9375rem;
 }
 .dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled {
   cursor: not-allowed;
   opacity: 0.65;
 }
-.dropdown-action > .dropdown-toggle .inline-item .lexicon-icon,
 .dropdown-action > .dropdown-toggle .lexicon-icon {
   margin-top: 0;
 }
-
 .dropdown-menu-indicator-start .dropdown-item-indicator {
   height: 1rem;
   left: 1.5rem;
@@ -6595,7 +6378,6 @@ button.label-inverse-dark:hover {
   transform: none !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-top-right {
   bottom: 100% !important;
   left: auto !important;
@@ -6606,7 +6388,6 @@ button.label-inverse-dark:hover {
   transform: none !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-top-center {
   bottom: 100% !important;
   left: 50% !important;
@@ -6617,7 +6398,6 @@ button.label-inverse-dark:hover {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-center {
   bottom: auto !important;
   left: 50% !important;
@@ -6626,7 +6406,6 @@ button.label-inverse-dark:hover {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-left-side {
   bottom: auto !important;
   left: auto !important;
@@ -6637,7 +6416,6 @@ button.label-inverse-dark:hover {
   transform: none !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-left-side-bottom {
   bottom: 0 !important;
   left: auto !important;
@@ -6648,7 +6426,6 @@ button.label-inverse-dark:hover {
   transform: none !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-left-side-middle {
   bottom: auto !important;
   left: auto !important;
@@ -6659,7 +6436,6 @@ button.label-inverse-dark:hover {
   transform: translate(0, -50%) !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-right-side {
   bottom: auto !important;
   left: 100% !important;
@@ -6670,7 +6446,6 @@ button.label-inverse-dark:hover {
   transform: none !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-right-side-bottom {
   bottom: 0 !important;
   left: 100% !important;
@@ -6681,7 +6456,6 @@ button.label-inverse-dark:hover {
   transform: none !important;
   will-change: auto !important;
 }
-
 .dropdown-menu-right-side-middle {
   bottom: auto !important;
   left: 100% !important;
@@ -6692,7 +6466,6 @@ button.label-inverse-dark:hover {
   transform: translate(0, -50%) !important;
   will-change: auto !important;
 }
-
 .dropdown-full .dropdown-menu,
 .dropdown-wide .dropdown-menu {
   max-width: none;
@@ -6762,7 +6535,6 @@ button.label-inverse-dark:hover {
   max-height: calc(9rem + 2px);
   max-width: none;
   width: 100%;
-  padding-bottom: 0;
 }
 .nav-item.dropdown-full {
   position: static;
@@ -6969,10 +6741,6 @@ button.label-inverse-dark:hover {
   cursor: not-allowed;
 }
 
-fieldset {
-  word-wrap: break-word;
-}
-
 label {
   margin-bottom: 0.5rem;
   max-width: 100%;
@@ -7280,7 +7048,6 @@ select.form-control[size]:focus, select.form-control[size].focus {
 select.form-control[size] option {
   padding: 0.25rem;
 }
-
 select.form-control[multiple] {
   background-image: none;
   height: auto;
@@ -7295,7 +7062,6 @@ select.form-control[multiple]:focus, select.form-control[multiple].focus {
 select.form-control[multiple] option {
   padding: 0.25rem;
 }
-
 textarea.form-control,
 textarea.form-control-plaintext,
 .form-control.form-control-textarea {
@@ -7731,11 +7497,6 @@ button.link-outline {
   background-color: #007bff;
   color: #fff;
 }
-button.link-outline-primary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
-  outline: 0;
-}
-
 .link-outline-primary:active {
   background-color: #007bff;
   color: #fff;
@@ -7744,16 +7505,20 @@ button.link-outline-primary:focus {
   background-color: #007bff;
   color: #fff;
 }
-.link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
-  background-color: #007bff;
-  color: #fff;
-}
 .link-outline-primary:disabled, .link-outline-primary.disabled {
   background-color: transparent;
   color: #007bff;
   cursor: not-allowed;
   opacity: 0.65;
 }
+.link-outline-primary[type]:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+  outline: 0;
+}
+.link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
+  background-color: #007bff;
+  color: #fff;
+}
 .link-outline-secondary {
   border-color: #6c757d;
   color: #6c757d;
@@ -7762,11 +7527,6 @@ button.link-outline-primary:focus {
   background-color: #6c757d;
   color: #fff;
 }
-button.link-outline-secondary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
-  outline: 0;
-}
-
 .link-outline-secondary:active {
   background-color: #6c757d;
   color: #fff;
@@ -7775,16 +7535,20 @@ button.link-outline-secondary:focus {
   background-color: #6c757d;
   color: #fff;
 }
-.link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
-  background-color: #6c757d;
-  color: #fff;
-}
 .link-outline-secondary:disabled, .link-outline-secondary.disabled {
   background-color: transparent;
   color: #6c757d;
   cursor: not-allowed;
   opacity: 0.65;
 }
+.link-outline-secondary[type]:focus {
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+  outline: 0;
+}
+.link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
+  background-color: #6c757d;
+  color: #fff;
+}
 .link-outline-borderless {
   border-color: transparent;
 }
@@ -7861,11 +7625,6 @@ button.link-outline-secondary:focus {
   background-color: #6c757d;
   color: #fff;
 }
-button.component-action:focus {
-  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
-  outline: 0;
-}
-
 .component-action:active {
   background-color: #6c757d;
   color: #fff;
@@ -7874,10 +7633,6 @@ button.component-action:focus {
   background-color: #6c757d;
   color: #fff;
 }
-.component-action[aria-expanded=true], .component-action.show, .show > .component-action {
-  background-color: #6c757d;
-  color: #fff;
-}
 .component-action:disabled, .component-action.disabled {
   background-color: transparent;
   color: #6c757d;
@@ -7887,6 +7642,14 @@ button.component-action:focus {
 .component-action:disabled:active, .component-action.disabled:active {
   pointer-events: none;
 }
+.component-action[type]:focus {
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+  outline: 0;
+}
+.component-action[aria-expanded=true], .component-action.show, .show > .component-action {
+  background-color: #6c757d;
+  color: #fff;
+}
 .component-action .lexicon-icon {
   margin-top: 0;
 }
@@ -8212,10 +7975,6 @@ button.component-action:focus {
   padding-right: 1rem;
   padding-top: 1rem;
   width: 272px;
-  padding-bottom: 0;
-}
-.clay-color-dropdown-menu::after {
-  padding-top: 0;
 }
 .clay-color-dropdown-menu .component-action:hover {
   background-color: transparent;
@@ -8521,43 +8280,42 @@ label.custom-control-label {
   z-index: 1;
 }
 .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
   border-color: #80bdff;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #027cff;
   border-color: #027cff;
+  box-shadow: none;
   color: #fff;
 }
-.custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #007bff;
-  border-color: #007bff;
-  color: #fff;
-}
-.custom-control-input[disabled], .custom-control-input:disabled {
+.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
+  color: #6c757d;
   cursor: not-allowed;
 }
 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
   background-color: #e9ecef;
+  border-color: #ced4da;
   box-shadow: none;
 }
-.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
-  color: #6c757d;
-  cursor: not-allowed;
+.custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
 }
-.custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(0, 123, 255, 0.5);
+.custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
+  background-color: #e9ecef;
+  box-shadow: none;
 }
-
-.custom-control .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+.custom-checkbox .custom-control-input ~ .custom-control-label::before {
+  border-radius: 0.25rem;
 }
-
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
 }
+.custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
   background-color: #007bff;
   border-color: #007bff;
@@ -8565,26 +8323,18 @@ label.custom-control-label {
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23fff'%20d='M0%202h4'/%3E%3C/svg%3E");
 }
-.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+.custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
-.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
-  background-color: rgba(0, 123, 255, 0.5);
-}
-.custom-checkbox .custom-control-label::before {
-  border-radius: 0.25rem;
+.custom-radio .custom-control-input ~ .custom-control-label::before {
+  border-radius: 50%;
 }
-
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
 }
-.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+.custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
-.custom-radio .custom-control-label::before {
-  border-radius: 50%;
-}
-
 .custom-control-inline {
   display: inline-flex;
 }
@@ -9010,12 +8760,7 @@ label.custom-control-label {
   padding-right: 0;
   padding-top: 0;
   width: 100%;
-  padding-bottom: 0;
-}
-.date-picker-dropdown-menu::after {
-  padding-top: 0;
 }
-
 .date-picker-nav {
   display: flex;
   margin-left: -0.25rem;
@@ -9465,12 +9210,14 @@ label.custom-control-label {
 
 .form-feedback-group {
   width: 100%;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 
 .form-feedback-item {
   font-size: 80%;
   margin-top: 0.25rem;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 
@@ -9487,6 +9234,7 @@ label.custom-control-label {
   display: block;
   font-size: 0.875rem;
   margin-top: 0.25rem;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
 
@@ -9536,8 +9284,13 @@ label.custom-control-label {
 .has-error .input-group-item.focus {
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }
-.has-error .input-group-item.focus .form-control,
-.has-error .input-group-item.focus .input-group-inset-item {
+.has-error .input-group-item.focus .input-group-inset {
+  border-color: #dc3545;
+}
+.has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
+  border-color: #dc3545;
+}
+.has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
   border-color: #dc3545;
 }
 .has-error .input-group-item .input-group-inset:focus {
@@ -9546,9 +9299,6 @@ label.custom-control-label {
 .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
   border-color: #dc3545;
 }
-.has-error .input-group .input-group-inset-item {
-  border-color: #dc3545;
-}
 
 .has-warning .custom-control-label,
 .has-warning .form-check-label {
@@ -9578,8 +9328,13 @@ label.custom-control-label {
 .has-warning .input-group-item.focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
 }
-.has-warning .input-group-item.focus .form-control,
-.has-warning .input-group-item.focus .input-group-inset-item {
+.has-warning .input-group-item.focus .input-group-inset {
+  border-color: #ffc107;
+}
+.has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
+  border-color: #ffc107;
+}
+.has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
   border-color: #ffc107;
 }
 .has-warning .input-group-item .input-group-inset:focus {
@@ -9588,9 +9343,6 @@ label.custom-control-label {
 .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
   border-color: #ffc107;
 }
-.has-warning .input-group .input-group-inset-item {
-  border-color: #ffc107;
-}
 
 .has-success .custom-control-label,
 .has-success .form-check-label {
@@ -9620,8 +9372,13 @@ label.custom-control-label {
 .has-success .input-group-item.focus {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
-.has-success .input-group-item.focus .form-control,
-.has-success .input-group-item.focus .input-group-inset-item {
+.has-success .input-group-item.focus .input-group-inset {
+  border-color: #28a745;
+}
+.has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
+  border-color: #28a745;
+}
+.has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
   border-color: #28a745;
 }
 .has-success .input-group-item .input-group-inset:focus {
@@ -9630,9 +9387,6 @@ label.custom-control-label {
 .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
   border-color: #28a745;
 }
-.has-success .input-group .input-group-inset-item {
-  border-color: #28a745;
-}
 
 .input-group > .form-control,
 .input-group > .form-control-plaintext,
@@ -9719,6 +9473,26 @@ label.custom-control-label {
 .input-group-append > .input-group-text + .btn {
   margin-left: -0.0625rem;
 }
+.input-group-prepend .btn,
+.input-group-append .btn {
+  z-index: 1;
+}
+.input-group-prepend .btn:hover,
+.input-group-append .btn:hover {
+  z-index: 3;
+}
+.input-group-prepend .btn,
+.input-group-prepend .form-control,
+.input-group-append .btn,
+.input-group-append .form-control {
+  position: relative;
+}
+.input-group-prepend .btn:focus,
+.input-group-prepend .form-control:focus,
+.input-group-append .btn:focus,
+.input-group-append .form-control:focus {
+  z-index: 4;
+}
 
 .input-group {
   align-items: stretch;
@@ -9727,17 +9501,6 @@ label.custom-control-label {
   position: relative;
   width: 100%;
 }
-.input-group .btn {
-  position: relative;
-  z-index: 1;
-}
-.input-group .btn:hover {
-  z-index: 3;
-}
-.input-group .btn:focus,
-.input-group .form-control:focus {
-  z-index: 4;
-}
 .input-group .btn-unstyled {
   color: inherit;
 }
@@ -11817,20 +11580,20 @@ label.custom-control-label {
   border-color: #dee2e6 #dee2e6 #fff;
   color: #495057;
 }
-.nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
-  background-color: #fff;
-  border-color: #dee2e6 #dee2e6 #fff;
-  color: #495057;
-}
 .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
   background-color: transparent;
   border-color: transparent;
   color: #6c757d;
 }
-.nav-tabs .nav-item.show .nav-link {
+.nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
+  background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;
   color: #495057;
+}
+.nav-tabs .nav-item.show .nav-link {
   background-color: #fff;
+  border-color: #dee2e6 #dee2e6 #fff;
+  color: #495057;
 }
 .nav-tabs .dropdown-menu {
   border-top-left-radius: 0;
@@ -15567,6 +15330,7 @@ label.custom-control-label {
 }
 .page-link {
   align-items: center;
+  background-color: #fff;
   border-radius: 0;
   border-color: #dee2e6;
   border-style: solid;
@@ -15582,7 +15346,6 @@ label.custom-control-label {
   padding-right: 0.75rem;
   padding-top: 0.5rem;
   position: relative;
-  background-color: #fff;
 }
 .page-link > .c-inner {
   margin-bottom: -0.5rem;
@@ -15594,11 +15357,11 @@ label.custom-control-label {
   margin-top: 0;
 }
 .page-link:hover {
+  background-color: #e9ecef;
   border-color: #dee2e6;
   color: #0056b3;
   text-decoration: none;
   z-index: 2;
-  background-color: #e9ecef;
 }
 .page-link:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
@@ -15606,13 +15369,14 @@ label.custom-control-label {
   z-index: 4;
 }
 .page-link:active, .page-link.active {
+  background-color: #007bff;
   border-color: #007bff;
   color: #fff;
   cursor: default;
   z-index: 3;
-  background-color: #007bff;
 }
 .page-link:disabled, .page-link.disabled {
+  background-color: #fff;
   border-color: #dee2e6;
   box-shadow: none;
   color: #6c757d;
@@ -15620,17 +15384,17 @@ label.custom-control-label {
   opacity: 1;
   pointer-events: auto;
   z-index: 0;
-  background-color: #fff;
 }
 .page-item.active .page-link,
 .page-item.show .page-link {
+  background-color: #007bff;
   border-color: #007bff;
   color: #fff;
   cursor: default;
   z-index: 3;
-  background-color: #007bff;
 }
 .page-item.disabled .page-link {
+  background-color: #fff;
   border-color: #dee2e6;
   box-shadow: none;
   color: #6c757d;
@@ -15638,7 +15402,6 @@ label.custom-control-label {
   opacity: 1;
   pointer-events: auto;
   z-index: 0;
-  background-color: #fff;
 }
 .page-item {
   margin-left: -0.5px;
@@ -15690,9 +15453,9 @@ label.custom-control-label {
 }
 .pagination-items-per-page > a:hover,
 .pagination-items-per-page > button:hover {
+  background-color: #e9ecef;
   border-color: #dee2e6;
   color: #0056b3;
-  background-color: #e9ecef;
 }
 .pagination-items-per-page > a:focus,
 .pagination-items-per-page > button:focus {
@@ -15702,37 +15465,37 @@ label.custom-control-label {
 .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
 .pagination-items-per-page > button:active,
 .pagination-items-per-page > button.active {
+  background-color: #007bff;
   border-color: #007bff;
   color: #fff;
-  background-color: #007bff;
 }
 .pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
 .pagination-items-per-page > button:disabled,
 .pagination-items-per-page > button.disabled {
+  background-color: #fff;
   border-color: #dee2e6;
   box-shadow: none;
   color: #6c757d;
   cursor: not-allowed;
   opacity: 1;
   pointer-events: auto;
-  background-color: #fff;
 }
 .pagination-items-per-page.active > a,
 .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
 .pagination-items-per-page.show > button {
+  background-color: #007bff;
   border-color: #007bff;
   color: #fff;
-  background-color: #007bff;
 }
 .pagination-items-per-page.disabled > a,
 .pagination-items-per-page.disabled > button {
+  background-color: #fff;
   border-color: #dee2e6;
   box-shadow: none;
   color: #6c757d;
   cursor: not-allowed;
   opacity: 1;
   pointer-events: auto;
-  background-color: #fff;
 }
 .pagination-results {
   border-color: transparent;
@@ -15876,7 +15639,7 @@ label.custom-control-label {
 .panel-header .collapse-icon-closed,
 .panel-header .collapse-icon-open {
   font-size: 0.875rem;
-  top: calc(0.75rem + (((1em * 1.2) - 1em) / 2));
+  top: calc(0.75rem + (((1em * 1.2) - 1em) * 0.5));
 }
 
 .panel-header-link {
@@ -16758,7 +16521,7 @@ fieldset + .sheet-footer {
 }
 .sheet-subtitle .collapse-icon-closed,
 .sheet-subtitle .collapse-icon-open {
-  top: calc(0.3125rem + (((1em * 1.2) - 1em) / 2));
+  top: calc(0.3125rem + (((1em * 1.2) - 1em) * 0.5));
 }
 .sheet-subtitle .component-title,
 .sheet-subtitle .heading-text {
@@ -17001,9 +16764,6 @@ a.sheet-subtitle:hover {
   padding-right: 0.5rem;
   padding-top: 1rem;
 }
-.sidebar-list-group .autofit-col .list-group-title:only-child {
-  min-height: 1.5rem;
-}
 .sidebar-list-group .list-group-item {
   background-color: transparent;
   border-color: #dee2e6;
@@ -17023,12 +16783,6 @@ a.sheet-subtitle:hover {
   bottom: -0.75rem;
   top: auto;
 }
-.sidebar-list-group .sticker.sticker-outside.sticker-bottom-right {
-  bottom: -0.75rem;
-  left: auto;
-  right: -0.75rem;
-  top: auto;
-}
 .sidebar-list-group .sticker.sticker-outside.sticker-top-right {
   left: auto;
   right: -0.75rem;
@@ -17239,9 +16993,6 @@ a.sheet-subtitle:hover {
 .sidebar-dark .nav-nested .nav-link.active {
   color: #fff;
 }
-.sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
-  color: #fff;
-}
 .sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled {
   box-shadow: none;
   color: #a9afb5;
@@ -17250,6 +17001,9 @@ a.sheet-subtitle:hover {
 .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
   pointer-events: none;
 }
+.sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
+  color: #fff;
+}
 .c-slideout-transition-in {
   transition: all 0.3s ease-in-out;
 }
@@ -19141,49 +18895,15 @@ caption {
   max-width: 75px;
 }
 
-.simple-toggle-switch.toggle-switch {
-  align-items: center;
-  display: inline-flex;
-}
-.simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
-  margin-right: 0.5rem;
-}
-.simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
-  margin-left: 0.5rem;
-}
-.simple-toggle-switch .toggle-switch-label {
-  line-height: 1;
-  margin-bottom: 0;
-  max-width: calc(
-			100% - 58px
-		);
-}
-
-.simple-toggle-switch-reverse .toggle-switch-label {
-  margin-right: 0.5rem;
-}
-.simple-toggle-switch-reverse .toggle-switch-check-bar {
-  order: 5;
-}
-.simple-toggle-switch-reverse .toggle-switch-check-bar .toggle-switch-bar {
-  order: 0;
-}
-.simple-toggle-switch-reverse .toggle-switch-bar {
-  order: 5;
-}
-
-label.toggle-switch {
-  cursor: pointer;
-}
-label.toggle-switch.disabled {
-  cursor: not-allowed;
-}
-
 .toggle-switch {
+  cursor: pointer;
   display: inline-block;
   max-width: 100%;
   position: relative;
 }
+.toggle-switch.disabled {
+  cursor: not-allowed;
+}
 .toggle-switch.disabled .toggle-switch-label {
   color: #6c757d;
   cursor: not-allowed;
@@ -19191,7 +18911,6 @@ label.toggle-switch.disabled {
 .toggle-switch.disabled .toggle-switch-text {
   color: #6c757d;
 }
-
 .toggle-switch-check-bar {
   display: inline-flex;
   position: relative;
@@ -19211,7 +18930,6 @@ label.toggle-switch.disabled {
 .toggle-switch-bar .button-icon {
   font-size: 0.75rem;
 }
-
 .toggle-switch-check {
   bottom: 0;
   font-size: 62.5%;
@@ -19221,7 +18939,7 @@ label.toggle-switch.disabled {
   width: 50px;
   z-index: 2;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar {
+.toggle-switch-check ~ .toggle-switch-bar {
   display: inline-flex;
   font-size: 0.75rem;
   height: 25px;
@@ -19229,49 +18947,71 @@ label.toggle-switch.disabled {
   position: relative;
   text-indent: 0;
   -ms-user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   user-select: none;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar:after {
-  background-color: #fff;
+.toggle-switch-check ~ .toggle-switch-bar::before {
+  background-color: #e9ecef;
   border-color: #ced4da;
-  border-radius: 3px 0 0 3px;
+  border-radius: 3px;
   border-style: solid;
   border-width: 1px;
   bottom: 0;
-  content: "";
+  content: " ";
   display: block;
-  height: 25px;
   left: 0;
   position: absolute;
   top: 0;
   transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
-  width: 25px;
+  width: 50px;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar:before {
-  background-color: #e9ecef;
+@media (prefers-reduced-motion: reduce) {
+  .toggle-switch-check ~ .toggle-switch-bar::before {
+    transition: none;
+  }
+}
+.toggle-switch-check ~ .toggle-switch-bar::after {
+  background-color: #fff;
   border-color: #ced4da;
-  border-radius: 3px;
+  border-radius: 3px 0 0 3px;
   border-style: solid;
   border-width: 1px;
   bottom: 0;
-  content: " ";
+  content: "";
   display: block;
+  height: 25px;
   left: 0;
   position: absolute;
   top: 0;
   transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
-  width: 50px;
+  width: 25px;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
+@media (prefers-reduced-motion: reduce) {
+  .toggle-switch-check ~ .toggle-switch-bar::after {
+    transition: none;
+  }
+}
+.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
+  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+}
+@media (prefers-reduced-motion: reduce) {
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
+    transition: none;
+  }
+}
+.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
   content: attr(data-label-off);
   margin-left: 58px;
   transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
   white-space: nowrap;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:before {
-  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+@media (prefers-reduced-motion: reduce) {
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
+    transition: none;
+  }
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
+.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
   color: #495057;
   left: 0;
   line-height: 25px;
@@ -19283,58 +19023,116 @@ label.toggle-switch.disabled {
   width: 25px;
   z-index: 1;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
+@media (prefers-reduced-motion: reduce) {
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
+    transition: none;
+  }
+}
+.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
   left: 0;
   opacity: 0;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
+.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
   left: 25px;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
+.toggle-switch-check ~ .toggle-switch-bar .button-icon {
   color: #495057;
 }
-.toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
+.toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
   opacity: 0;
 }
-.toggle-switch-check:checked ~ .toggle-switch-bar:after {
-  background-color: #fff;
+.toggle-switch-check:focus ~ .toggle-switch-bar::before {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+.toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.toggle-switch-check:checked ~ .toggle-switch-bar::before {
+  background-color: #007bff;
   border-color: #007bff;
-  border-radius: 0 3px 3px 0;
+  border-radius: 3px;
   border-style: solid;
   border-width: 1px;
-  left: 25px;
 }
-.toggle-switch-check:checked ~ .toggle-switch-bar:before {
-  background-color: #007bff;
+.toggle-switch-check:checked ~ .toggle-switch-bar::after {
+  background-color: #fff;
   border-color: #007bff;
-  border-radius: 3px;
+  border-radius: 0 3px 3px 0;
   border-style: solid;
   border-width: 1px;
+  left: 25px;
 }
-.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
+.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
   content: attr(data-label-on);
 }
 .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
   color: #fff;
 }
-.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
-  color: #007bff;
-  left: 25px;
-}
-.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on,
 .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
   opacity: 1;
 }
-.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
 .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
   opacity: 0;
 }
-.toggle-switch-check:disabled ~ .toggle-switch-bar, .toggle-switch-check.disabled ~ .toggle-switch-bar {
-  cursor: not-allowed;
-  opacity: 0.4;
+.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
+  color: #007bff;
+  left: 25px;
 }
-.toggle-switch-check:focus ~ .toggle-switch-bar:before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
+  opacity: 1;
+}
+@media (max-width: 767.98px) {
+  .toggle-switch-check {
+    height: 25px;
+    width: 50px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar {
+    height: 25px;
+    line-height: 25px;
+    text-indent: 0;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar::before {
+    width: 50px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar::after {
+    bottom: 0;
+    height: 25px;
+    left: 0;
+    top: 0;
+    width: 25px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
+    min-width: 50px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
+    margin-left: 58px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
+    font-size: 0.75rem;
+    left: 0;
+    line-height: 25px;
+    top: 0;
+    width: 25px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
+    left: 0;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
+    left: 25px;
+  }
+  .toggle-switch-check ~ .toggle-switch-bar .button-icon {
+    font-size: 0.75rem;
+  }
+  .toggle-switch-check:checked ~ .toggle-switch-bar::after {
+    left: 25px;
+  }
+  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
+    margin-left: 58px;
+  }
+  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
+    left: 25px;
+  }
 }
 
 .toggle-switch-label {
@@ -19352,13 +19150,53 @@ label.toggle-switch.disabled {
   line-height: 25px;
   margin-right: 8px;
 }
+@media (max-width: 767.98px) {
+  .toggle-switch-text-left {
+    line-height: 25px;
+  }
+}
 
 .toggle-switch-text-right {
   display: inline-flex;
   line-height: 25px;
   margin-left: 8px;
 }
+@media (max-width: 767.98px) {
+  .toggle-switch-text-right {
+    line-height: 25px;
+  }
+}
+
+.simple-toggle-switch {
+  align-items: center;
+  display: inline-flex;
+}
+.simple-toggle-switch .toggle-switch-label {
+  line-height: 1;
+  margin-bottom: 0;
+  max-width: calc( 					100% - 58px 				);
+}
+@media (max-width: 767.98px) {
+  .simple-toggle-switch .toggle-switch-label {
+    max-width: calc( 						100% - 58px 					);
+  }
+}
+.simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
+  margin-right: 0.5rem;
+}
+.simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
+  margin-left: 0.5rem;
+}
 
+.simple-toggle-switch-reverse .toggle-switch-check-bar {
+  order: 5;
+}
+.simple-toggle-switch-reverse .toggle-switch-check ~ .toggle-switch-bar {
+  order: 5;
+}
+.simple-toggle-switch-reverse .toggle-switch-label {
+  margin-right: 0.5rem;
+}
 .tooltip {
   display: block;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -22845,19 +22683,35 @@ button.bg-dark:focus {
 }
 
 .embed-responsive-21by9::before {
-  padding-top: 42.8571428571%;
+  padding-top: calc(
+				9 /
+					21 *
+					100%
+			);
 }
 
 .embed-responsive-16by9::before {
-  padding-top: 56.25%;
+  padding-top: calc(
+				9 /
+					16 *
+					100%
+			);
 }
 
 .embed-responsive-4by3::before {
-  padding-top: 75%;
+  padding-top: calc(
+				3 /
+					4 *
+					100%
+			);
 }
 
 .embed-responsive-1by1::before {
-  padding-top: 100%;
+  padding-top: calc(
+				1 /
+					1 *
+					100%
+			);
 }
 
 /* REUSE-Snippet-End */