@clayui/css 3.81.0 → 3.82.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.81.0
+ * Clay 3.82.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * Clay 3.81.0
+ * Clay 3.82.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -5453,7 +5453,7 @@ html:not(#__):not(#___) .cadmin .card-interactive:hover, html:not(#__):not(#___)
   text-decoration: none;
 }
 html:not(#__):not(#___) .cadmin .card-interactive:focus, html:not(#__):not(#___) .cadmin .card-interactive.focus {
-  box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #719aff;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #719aff;
 }
 html:not(#__):not(#___) .cadmin .card-interactive:active, html:not(#__):not(#___) .cadmin .card-interactive.active {
   background-color: #f1f2f5;
@@ -5497,6 +5497,9 @@ html:not(#__):not(#___) .cadmin .card-interactive-primary:active, html:not(#__):
 html:not(#__):not(#___) .cadmin .card-interactive-primary:hover::after, html:not(#__):not(#___) .cadmin .card-interactive-primary.hover::after {
   background-color: #0b5fff;
 }
+html:not(#__):not(#___) .cadmin .card-interactive-primary:focus::after, html:not(#__):not(#___) .cadmin .card-interactive-primary.focus::after {
+  background-color: #0b5fff;
+}
 html:not(#__):not(#___) .cadmin .card-interactive-primary:active::after, html:not(#__):not(#___) .cadmin .card-interactive-primary.active::after {
   background-color: #0b5fff;
 }
@@ -7706,6 +7709,7 @@ html:not(#__):not(#___) .cadmin .clay-color-btn-bordered {
   border-color: #e7e7ed;
 }
 html:not(#__):not(#___) .cadmin .clay-color-pointer {
+  background-color: transparent;
   border-radius: 100px;
   border-color: #fff;
   border-style: solid;
@@ -7718,7 +7722,6 @@ html:not(#__):not(#___) .cadmin .clay-color-pointer {
   position: absolute;
   transition: box-shadow 0.15s ease-in-out;
   width: 14px;
-  background-color: transparent;
 }
 @media (prefers-reduced-motion: reduce) {
   html:not(#__):not(#___) .cadmin .clay-color-pointer {
@@ -8222,11 +8225,11 @@ html:not(#__):not(#___) .cadmin .clay-time-inner-spin .btn .c-inner {
   margin-top: -2px;
 }
 html:not(#__):not(#___) .cadmin .date-picker .input-group-text {
+  background-color: transparent;
   border-color: transparent;
   min-width: 32px;
   padding-left: 4px;
   padding-right: 4px;
-  background-color: transparent;
 }
 html:not(#__):not(#___) .cadmin .date-picker-dropdown-menu {
   max-height: none;
@@ -8343,6 +8346,7 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-footer {
 }
 html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
   align-items: center;
+  background-color: transparent;
   border-width: 0;
   display: inline-flex;
   flex-shrink: 0;
@@ -8364,7 +8368,6 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
   vertical-align: middle;
   white-space: nowrap;
   width: 32px;
-  background-color: transparent;
 }
 @media (prefers-reduced-motion: reduce) {
   html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
@@ -10097,108 +10100,24 @@ html:not(#__):not(#___) .cadmin .modal-height-full .modal-content {
     top: 28px;
   }
 }
-html:not(#__):not(#___) .cadmin.modal-success .btn-monospaced,
-html:not(#__):not(#___) .cadmin .modal-success .btn-monospaced {
-  color: #287d3c;
-}
-html:not(#__):not(#___) .cadmin.modal-success .close,
-html:not(#__):not(#___) .cadmin .modal-success .close {
-  color: #287d3c;
-}
-html:not(#__):not(#___) .cadmin.modal-success .close:hover,
-html:not(#__):not(#___) .cadmin .modal-success .close:hover {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-success .close:focus,
-html:not(#__):not(#___) .cadmin .modal-success .close:focus {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-success .close:disabled, html:not(#__):not(#___) .cadmin.modal-success .close.disabled,
-html:not(#__):not(#___) .cadmin .modal-success .close:disabled,
-html:not(#__):not(#___) .cadmin .modal-success .close.disabled {
-  color: inherit;
-}
 html:not(#__):not(#___) .cadmin.modal-success .modal-header,
 html:not(#__):not(#___) .cadmin .modal-success .modal-header {
   background-color: #edf9f0;
   border-color: #5aca75;
   color: #287d3c;
 }
-html:not(#__):not(#___) .cadmin.modal-info .btn-monospaced,
-html:not(#__):not(#___) .cadmin .modal-info .btn-monospaced {
-  color: #2e5aac;
-}
-html:not(#__):not(#___) .cadmin.modal-info .close,
-html:not(#__):not(#___) .cadmin .modal-info .close {
-  color: #2e5aac;
-}
-html:not(#__):not(#___) .cadmin.modal-info .close:hover,
-html:not(#__):not(#___) .cadmin .modal-info .close:hover {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-info .close:focus,
-html:not(#__):not(#___) .cadmin .modal-info .close:focus {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-info .close:disabled, html:not(#__):not(#___) .cadmin.modal-info .close.disabled,
-html:not(#__):not(#___) .cadmin .modal-info .close:disabled,
-html:not(#__):not(#___) .cadmin .modal-info .close.disabled {
-  color: inherit;
-}
 html:not(#__):not(#___) .cadmin.modal-info .modal-header,
 html:not(#__):not(#___) .cadmin .modal-info .modal-header {
   background-color: #eef2fa;
   border-color: #89a7e0;
   color: #2e5aac;
 }
-html:not(#__):not(#___) .cadmin.modal-warning .btn-monospaced,
-html:not(#__):not(#___) .cadmin .modal-warning .btn-monospaced {
-  color: #b95000;
-}
-html:not(#__):not(#___) .cadmin.modal-warning .close,
-html:not(#__):not(#___) .cadmin .modal-warning .close {
-  color: #b95000;
-}
-html:not(#__):not(#___) .cadmin.modal-warning .close:hover,
-html:not(#__):not(#___) .cadmin .modal-warning .close:hover {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-warning .close:focus,
-html:not(#__):not(#___) .cadmin .modal-warning .close:focus {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-warning .close:disabled, html:not(#__):not(#___) .cadmin.modal-warning .close.disabled,
-html:not(#__):not(#___) .cadmin .modal-warning .close:disabled,
-html:not(#__):not(#___) .cadmin .modal-warning .close.disabled {
-  color: inherit;
-}
 html:not(#__):not(#___) .cadmin.modal-warning .modal-header,
 html:not(#__):not(#___) .cadmin .modal-warning .modal-header {
   background-color: #fff4ec;
   border-color: #ff8f39;
   color: #b95000;
 }
-html:not(#__):not(#___) .cadmin.modal-danger .btn-monospaced,
-html:not(#__):not(#___) .cadmin .modal-danger .btn-monospaced {
-  color: #da1414;
-}
-html:not(#__):not(#___) .cadmin.modal-danger .close,
-html:not(#__):not(#___) .cadmin .modal-danger .close {
-  color: #da1414;
-}
-html:not(#__):not(#___) .cadmin.modal-danger .close:hover,
-html:not(#__):not(#___) .cadmin .modal-danger .close:hover {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-danger .close:focus,
-html:not(#__):not(#___) .cadmin .modal-danger .close:focus {
-  color: inherit;
-}
-html:not(#__):not(#___) .cadmin.modal-danger .close:disabled, html:not(#__):not(#___) .cadmin.modal-danger .close.disabled,
-html:not(#__):not(#___) .cadmin .modal-danger .close:disabled,
-html:not(#__):not(#___) .cadmin .modal-danger .close.disabled {
-  color: inherit;
-}
 html:not(#__):not(#___) .cadmin.modal-danger .modal-header,
 html:not(#__):not(#___) .cadmin .modal-danger .modal-header {
   background-color: #feefef;
@@ -15871,8 +15790,8 @@ html:not(#__):not(#___) .cadmin .tbar-inline-xs-down .tbar-section {
     display: inline;
   }
   html:not(#__):not(#___) .cadmin .tbar-inline-xs-down .tbar-item {
-    display: inline;
     padding-left: 0;
+    display: inline;
   }
 }
 @media (max-width: 767.98px) {
@@ -15889,8 +15808,8 @@ html:not(#__):not(#___) .cadmin .tbar-inline-sm-down .tbar-section {
     display: inline;
   }
   html:not(#__):not(#___) .cadmin .tbar-inline-sm-down .tbar-item {
-    display: inline;
     padding-left: 0;
+    display: inline;
   }
 }
 @media (max-width: 991.98px) {
@@ -15907,8 +15826,8 @@ html:not(#__):not(#___) .cadmin .tbar-inline-md-down .tbar-section {
     display: inline;
   }
   html:not(#__):not(#___) .cadmin .tbar-inline-md-down .tbar-item {
-    display: inline;
     padding-left: 0;
+    display: inline;
   }
 }
 @media (max-width: 1279.98px) {
@@ -15925,8 +15844,8 @@ html:not(#__):not(#___) .cadmin .tbar-inline-lg-down .tbar-section {
     display: inline;
   }
   html:not(#__):not(#___) .cadmin .tbar-inline-lg-down .tbar-item {
-    display: inline;
     padding-left: 0;
+    display: inline;
   }
 }
 html:not(#__):not(#___) .cadmin .tbar-inline-xl-down {
@@ -15942,8 +15861,8 @@ html:not(#__):not(#___) .cadmin .tbar-inline-xl-down .tbar-section {
   display: inline;
 }
 html:not(#__):not(#___) .cadmin .tbar-inline-xl-down .tbar-item {
-  display: inline;
   padding-left: 0;
+  display: inline;
 }
 html:not(#__):not(#___) .cadmin .component-tbar {
   border-color: #e7e7ed;
@@ -15952,6 +15871,9 @@ html:not(#__):not(#___) .cadmin .component-tbar {
   color: #6b6c7e;
   height: 56px;
 }
+html:not(#__):not(#___) .cadmin .component-tbar .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .subnav-tbar {
   font-size: 14px;
 }
@@ -15973,10 +15895,6 @@ html:not(#__):not(#___) .cadmin .subnav-tbar .component-link {
 html:not(#__):not(#___) .cadmin .subnav-tbar .component-link:hover {
   color: #004ad7;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-item {
-  padding-left: 8px;
-  padding-right: 8px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-btn {
   height: 24px;
   line-height: 1;
@@ -16014,10 +15932,10 @@ html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-link .c-inner {
   margin-top: -1.5px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-btn-monospaced {
-  height: 24px;
   margin-bottom: 2px;
   margin-top: 2px;
   padding: 4px;
+  height: 24px;
   width: 24px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-btn-monospaced .c-inner {
@@ -16051,6 +15969,9 @@ html:not(#__):not(#___) .cadmin .subnav-tbar .component-text {
 html:not(#__):not(#___) .cadmin .subnav-tbar .component-label {
   font-weight: 400;
 }
+html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary {
   background-color: #b3cdff;
   padding-bottom: 10px;
@@ -16093,12 +16014,12 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-primary .component-label .close:dis
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary .tbar-label {
   font-size: 12px;
   margin-right: 0;
-  text-transform: none;
-  border-width: 1px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
+  text-transform: none;
+  border-width: 1px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary .tbar-label > .c-inner {
   margin-bottom: -5px;
@@ -16107,18 +16028,24 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-primary .tbar-label > .c-inner {
   margin-top: -5px;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled {
-  color: #8e94aa;
   background-color: #cfddf8;
+  color: #8e94aa;
 }
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .component-label {
   border-color: #8e94aa;
 }
+html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .subnav-tbar-light {
-  color: #6b6c7e;
   background-color: white;
+  color: #6b6c7e;
   padding-bottom: 2px;
   padding-top: 2px;
 }
+html:not(#__):not(#___) .cadmin .subnav-tbar-light .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .tbar-stacked {
   display: inline-flex;
   height: 100%;
@@ -16174,10 +16101,10 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced {
   width: 40px;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced:focus, html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced.focus {
-  box-shadow: inset 0 0 0 2px #80acff , inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 2px #80acff , inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -16185,6 +16112,9 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-right: 0;
   margin-top: 0;
 }
+html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .tbar-light {
   background-color: #fff;
   box-shadow: inset 1px 0 0 0 #f1f2f5 , inset -1px 0 0 0 #f1f2f5;
@@ -16217,6 +16147,9 @@ html:not(#__):not(#___) .cadmin .tbar-light .tbar-btn-monospaced[aria-expanded=t
   background-color: #f1f2f5;
   color: #272833;
 }
+html:not(#__):not(#___) .cadmin .tbar-light .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .tbar-dark-l2 {
   background-color: #393a4a;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -16250,6 +16183,9 @@ html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .tbar-dark-d1 {
   background-color: #1c1c24;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -16275,16 +16211,6 @@ html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced.active {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced.active::after {
-  background-color: #80acff;
-  bottom: 0;
-  content: "";
-  display: block;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 4px;
-}
 html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced:disabled, html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced.disabled {
   color: inherit;
 }
@@ -16292,6 +16218,9 @@ html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-label {
+  border-width: 1px;
+}
 html:not(#__):not(#___) .cadmin .timeline {
   list-style: none;
   padding-left: 0;
@@ -17394,11 +17323,6 @@ html:not(#__):not(#___) .cadmin .close:hover {
   opacity: 1;
   text-decoration: none;
 }
-buttonhtml:not(#__):not(#___) .cadmin .close:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
-  outline: 0;
-}
-
 html:not(#__):not(#___) .cadmin .close:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
   opacity: 1;
@@ -17411,9 +17335,6 @@ html:not(#__):not(#___) .cadmin .close:disabled, html:not(#__):not(#___) .cadmin
   opacity: 0.4;
   outline: 0;
 }
-html:not(#__):not(#___) .cadmin .close:disabled:active, html:not(#__):not(#___) .cadmin .close.disabled:active {
-  pointer-events: none;
-}
 html:not(#__):not(#___) .cadmin .close .lexicon-icon {
   margin-top: 0;
 }
@@ -17659,6 +17580,284 @@ html:not(#__):not(#___) .cadmin .inline-item-after {
 html:not(#__):not(#___) .cadmin .page-header {
   background-color: #fff;
 }
+html:not(#__):not(#___) .cadmin .c-gap-0 {
+  gap: 0;
+}
+html:not(#__):not(#___) .cadmin .c-gapx-0 {
+  column-gap: 0;
+}
+html:not(#__):not(#___) .cadmin .c-gapy-0 {
+  row-gap: 0;
+}
+html:not(#__):not(#___) .cadmin .c-gap-1 {
+  gap: 4px;
+}
+html:not(#__):not(#___) .cadmin .c-gapx-1 {
+  column-gap: 4px;
+}
+html:not(#__):not(#___) .cadmin .c-gapy-1 {
+  row-gap: 4px;
+}
+html:not(#__):not(#___) .cadmin .c-gap-2 {
+  gap: 8px;
+}
+html:not(#__):not(#___) .cadmin .c-gapx-2 {
+  column-gap: 8px;
+}
+html:not(#__):not(#___) .cadmin .c-gapy-2 {
+  row-gap: 8px;
+}
+html:not(#__):not(#___) .cadmin .c-gap-3 {
+  gap: 16px;
+}
+html:not(#__):not(#___) .cadmin .c-gapx-3 {
+  column-gap: 16px;
+}
+html:not(#__):not(#___) .cadmin .c-gapy-3 {
+  row-gap: 16px;
+}
+html:not(#__):not(#___) .cadmin .c-gap-4 {
+  gap: 24px;
+}
+html:not(#__):not(#___) .cadmin .c-gapx-4 {
+  column-gap: 24px;
+}
+html:not(#__):not(#___) .cadmin .c-gapy-4 {
+  row-gap: 24px;
+}
+html:not(#__):not(#___) .cadmin .c-gap-5 {
+  gap: 48px;
+}
+html:not(#__):not(#___) .cadmin .c-gapx-5 {
+  column-gap: 48px;
+}
+html:not(#__):not(#___) .cadmin .c-gapy-5 {
+  row-gap: 48px;
+}
+@media (min-width: 576px) {
+  html:not(#__):not(#___) .cadmin .c-gap-sm-0 {
+    gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-sm-0 {
+    column-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-sm-0 {
+    row-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-sm-1 {
+    gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-sm-1 {
+    column-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-sm-1 {
+    row-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-sm-2 {
+    gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-sm-2 {
+    column-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-sm-2 {
+    row-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-sm-3 {
+    gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-sm-3 {
+    column-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-sm-3 {
+    row-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-sm-4 {
+    gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-sm-4 {
+    column-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-sm-4 {
+    row-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-sm-5 {
+    gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-sm-5 {
+    column-gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-sm-5 {
+    row-gap: 48px;
+  }
+}
+@media (min-width: 768px) {
+  html:not(#__):not(#___) .cadmin .c-gap-md-0 {
+    gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-md-0 {
+    column-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-md-0 {
+    row-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-md-1 {
+    gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-md-1 {
+    column-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-md-1 {
+    row-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-md-2 {
+    gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-md-2 {
+    column-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-md-2 {
+    row-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-md-3 {
+    gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-md-3 {
+    column-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-md-3 {
+    row-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-md-4 {
+    gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-md-4 {
+    column-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-md-4 {
+    row-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-md-5 {
+    gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-md-5 {
+    column-gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-md-5 {
+    row-gap: 48px;
+  }
+}
+@media (min-width: 992px) {
+  html:not(#__):not(#___) .cadmin .c-gap-lg-0 {
+    gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-lg-0 {
+    column-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-lg-0 {
+    row-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-lg-1 {
+    gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-lg-1 {
+    column-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-lg-1 {
+    row-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-lg-2 {
+    gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-lg-2 {
+    column-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-lg-2 {
+    row-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-lg-3 {
+    gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-lg-3 {
+    column-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-lg-3 {
+    row-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-lg-4 {
+    gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-lg-4 {
+    column-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-lg-4 {
+    row-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-lg-5 {
+    gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-lg-5 {
+    column-gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-lg-5 {
+    row-gap: 48px;
+  }
+}
+@media (min-width: 1280px) {
+  html:not(#__):not(#___) .cadmin .c-gap-xl-0 {
+    gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-xl-0 {
+    column-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-xl-0 {
+    row-gap: 0;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-xl-1 {
+    gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-xl-1 {
+    column-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-xl-1 {
+    row-gap: 4px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-xl-2 {
+    gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-xl-2 {
+    column-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-xl-2 {
+    row-gap: 8px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-xl-3 {
+    gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-xl-3 {
+    column-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-xl-3 {
+    row-gap: 16px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-xl-4 {
+    gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-xl-4 {
+    column-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-xl-4 {
+    row-gap: 24px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gap-xl-5 {
+    gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapx-xl-5 {
+    column-gap: 48px;
+  }
+  html:not(#__):not(#___) .cadmin .c-gapy-xl-5 {
+    row-gap: 48px;
+  }
+}
 html:not(#__):not(#___) .cadmin .c-m-0 {
   margin: 0;
 }
@@ -20995,6 +21194,9 @@ html:not(#__):not(#___) .cadmin .d-inline, html:not(#__):not(#___) .cadmin.d-inl
 html:not(#__):not(#___) .cadmin .d-inline-block, html:not(#__):not(#___) .cadmin.d-inline-block {
   display: inline-block !important;
 }
+html:not(#__):not(#___) .cadmin .d-grid, html:not(#__):not(#___) .cadmin.d-grid {
+  display: grid !important;
+}
 html:not(#__):not(#___) .cadmin .d-block, html:not(#__):not(#___) .cadmin.d-block {
   display: block !important;
 }
@@ -21023,6 +21225,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-sm-inline-block, html:not(#__):not(#___) .cadmin.d-sm-inline-block {
     display: inline-block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-sm-grid, html:not(#__):not(#___) .cadmin.d-sm-grid {
+    display: grid !important;
+  }
   html:not(#__):not(#___) .cadmin .d-sm-block, html:not(#__):not(#___) .cadmin.d-sm-block {
     display: block !important;
   }
@@ -21052,6 +21257,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-md-inline-block, html:not(#__):not(#___) .cadmin.d-md-inline-block {
     display: inline-block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-md-grid, html:not(#__):not(#___) .cadmin.d-md-grid {
+    display: grid !important;
+  }
   html:not(#__):not(#___) .cadmin .d-md-block, html:not(#__):not(#___) .cadmin.d-md-block {
     display: block !important;
   }
@@ -21081,6 +21289,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-lg-inline-block, html:not(#__):not(#___) .cadmin.d-lg-inline-block {
     display: inline-block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-lg-grid, html:not(#__):not(#___) .cadmin.d-lg-grid {
+    display: grid !important;
+  }
   html:not(#__):not(#___) .cadmin .d-lg-block, html:not(#__):not(#___) .cadmin.d-lg-block {
     display: block !important;
   }
@@ -21110,6 +21321,9 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
   html:not(#__):not(#___) .cadmin .d-xl-inline-block, html:not(#__):not(#___) .cadmin.d-xl-inline-block {
     display: inline-block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-xl-grid, html:not(#__):not(#___) .cadmin.d-xl-grid {
+    display: grid !important;
+  }
   html:not(#__):not(#___) .cadmin .d-xl-block, html:not(#__):not(#___) .cadmin.d-xl-block {
     display: block !important;
   }
@@ -21142,6 +21356,9 @@ html:not(#__):not(#___) .cadmin .hide {
   html:not(#__):not(#___) .cadmin .d-print-inline-block {
     display: inline-block !important;
   }
+  html:not(#__):not(#___) .cadmin .d-print-grid {
+    display: grid !important;
+  }
   html:not(#__):not(#___) .cadmin .d-print-block {
     display: block !important;
   }