@coreui/coreui 4.0.4 → 4.1.1

package/dist/css/coreui-utilities.rtl.css

@@ -1,14 +1,14 @@
 @charset "UTF-8";
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.0.4
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)
 */
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.0.4
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)
@@ -97,15 +97,15 @@
 }
 
 .ratio-4x3 {
-  --cui-aspect-ratio: calc(3 / 4 * 100%);
+  --cui-aspect-ratio: 75%;
 }
 
 .ratio-16x9 {
-  --cui-aspect-ratio: calc(9 / 16 * 100%);
+  --cui-aspect-ratio: 56.25%;
 }
 
 .ratio-21x9 {
-  --cui-aspect-ratio: calc(9 / 21 * 100%);
+  --cui-aspect-ratio: 42.8571428571%;
 }
 
 .fixed-top {
@@ -165,6 +165,20 @@
     z-index: 1020;
   }
 }
+.hstack {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-self: stretch;
+}
+
+.vstack {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  align-self: stretch;
+}
+
 .visually-hidden,
 .visually-hidden-focusable:not(:focus):not(:focus-within) {
   position: absolute !important;
@@ -194,6 +208,15 @@
   white-space: nowrap;
 }
 
+.vr {
+  display: inline-block;
+  align-self: stretch;
+  width: 1px;
+  min-height: 1em;
+  background-color: currentColor;
+  opacity: 0.25;
+}
+
 .align-baseline {
   vertical-align: baseline !important;
 }
@@ -219,11 +242,11 @@
 }
 
 .float-start {
-  float: right !important;
+  float: left !important;
 }
 
 .float-end {
-  float: left !important;
+  float: right !important;
 }
 
 .float-none {
@@ -419,11 +442,11 @@
 }
 
 .border-end {
-  border-left: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border-right: 1px solid var(--cui-border-color, #d8dbe0) !important;
 }
 
 .border-end-0 {
-  border-left: 0 !important;
+  border-right: 0 !important;
 }
 
 .border-bottom {
@@ -435,191 +458,191 @@
 }
 
 .border-start {
-  border-right: 1px solid var(--cui-border-color, #d8dbe0) !important;
+  border-left: 1px solid var(--cui-border-color, #d8dbe0) !important;
 }
 
 .border-start-0 {
-  border-right: 0 !important;
+  border-left: 0 !important;
 }
 
 .border-primary {
-  border-color: var(--cui-primary, #321fdb) !important;
+  border-color: #321fdb !important;
 }
 
 .border-secondary {
-  border-color: var(--cui-secondary, #9da5b1) !important;
+  border-color: #9da5b1 !important;
 }
 
 .border-success {
-  border-color: var(--cui-success, #2eb85c) !important;
+  border-color: #2eb85c !important;
 }
 
 .border-info {
-  border-color: var(--cui-info, #39f) !important;
+  border-color: #39f !important;
 }
 
 .border-warning {
-  border-color: var(--cui-warning, #f9b115) !important;
+  border-color: #f9b115 !important;
 }
 
 .border-danger {
-  border-color: var(--cui-danger, #e55353) !important;
+  border-color: #e55353 !important;
 }
 
 .border-light {
-  border-color: var(--cui-light, #ebedef) !important;
+  border-color: #ebedef !important;
 }
 
 .border-dark {
-  border-color: var(--cui-dark, #4f5d73) !important;
+  border-color: #4f5d73 !important;
 }
 
 .border-white {
-  border-color: var(--cui-white, #fff) !important;
+  border-color: #fff !important;
 }
 
 .border-top-primary {
-  border-top-color: var(--cui-primary, #321fdb) !important;
+  border-top-color: #321fdb !important;
 }
 
 .border-top-secondary {
-  border-top-color: var(--cui-secondary, #9da5b1) !important;
+  border-top-color: #9da5b1 !important;
 }
 
 .border-top-success {
-  border-top-color: var(--cui-success, #2eb85c) !important;
+  border-top-color: #2eb85c !important;
 }
 
 .border-top-info {
-  border-top-color: var(--cui-info, #39f) !important;
+  border-top-color: #39f !important;
 }
 
 .border-top-warning {
-  border-top-color: var(--cui-warning, #f9b115) !important;
+  border-top-color: #f9b115 !important;
 }
 
 .border-top-danger {
-  border-top-color: var(--cui-danger, #e55353) !important;
+  border-top-color: #e55353 !important;
 }
 
 .border-top-light {
-  border-top-color: var(--cui-light, #ebedef) !important;
+  border-top-color: #ebedef !important;
 }
 
 .border-top-dark {
-  border-top-color: var(--cui-dark, #4f5d73) !important;
+  border-top-color: #4f5d73 !important;
 }
 
 .border-top-white {
-  border-top-color: var(--cui-white, #fff) !important;
+  border-top-color: #fff !important;
 }
 
 .border-end-primary {
-  border-left-color: var(--cui-primary, #321fdb) !important;
+  border-right-color: #321fdb !important;
 }
 
 .border-end-secondary {
-  border-left-color: var(--cui-secondary, #9da5b1) !important;
+  border-right-color: #9da5b1 !important;
 }
 
 .border-end-success {
-  border-left-color: var(--cui-success, #2eb85c) !important;
+  border-right-color: #2eb85c !important;
 }
 
 .border-end-info {
-  border-left-color: var(--cui-info, #39f) !important;
+  border-right-color: #39f !important;
 }
 
 .border-end-warning {
-  border-left-color: var(--cui-warning, #f9b115) !important;
+  border-right-color: #f9b115 !important;
 }
 
 .border-end-danger {
-  border-left-color: var(--cui-danger, #e55353) !important;
+  border-right-color: #e55353 !important;
 }
 
 .border-end-light {
-  border-left-color: var(--cui-light, #ebedef) !important;
+  border-right-color: #ebedef !important;
 }
 
 .border-end-dark {
-  border-left-color: var(--cui-dark, #4f5d73) !important;
+  border-right-color: #4f5d73 !important;
 }
 
 .border-end-white {
-  border-left-color: var(--cui-white, #fff) !important;
+  border-right-color: #fff !important;
 }
 
 .border-bottom-primary {
-  border-bottom-color: var(--cui-primary, #321fdb) !important;
+  border-bottom-color: #321fdb !important;
 }
 
 .border-bottom-secondary {
-  border-bottom-color: var(--cui-secondary, #9da5b1) !important;
+  border-bottom-color: #9da5b1 !important;
 }
 
 .border-bottom-success {
-  border-bottom-color: var(--cui-success, #2eb85c) !important;
+  border-bottom-color: #2eb85c !important;
 }
 
 .border-bottom-info {
-  border-bottom-color: var(--cui-info, #39f) !important;
+  border-bottom-color: #39f !important;
 }
 
 .border-bottom-warning {
-  border-bottom-color: var(--cui-warning, #f9b115) !important;
+  border-bottom-color: #f9b115 !important;
 }
 
 .border-bottom-danger {
-  border-bottom-color: var(--cui-danger, #e55353) !important;
+  border-bottom-color: #e55353 !important;
 }
 
 .border-bottom-light {
-  border-bottom-color: var(--cui-light, #ebedef) !important;
+  border-bottom-color: #ebedef !important;
 }
 
 .border-bottom-dark {
-  border-bottom-color: var(--cui-dark, #4f5d73) !important;
+  border-bottom-color: #4f5d73 !important;
 }
 
 .border-bottom-white {
-  border-bottom-color: var(--cui-white, #fff) !important;
+  border-bottom-color: #fff !important;
 }
 
 .border-start-primary {
-  border-right-color: var(--cui-primary, #321fdb) !important;
+  border-left-color: #321fdb !important;
 }
 
 .border-start-secondary {
-  border-right-color: var(--cui-secondary, #9da5b1) !important;
+  border-left-color: #9da5b1 !important;
 }
 
 .border-start-success {
-  border-right-color: var(--cui-success, #2eb85c) !important;
+  border-left-color: #2eb85c !important;
 }
 
 .border-start-info {
-  border-right-color: var(--cui-info, #39f) !important;
+  border-left-color: #39f !important;
 }
 
 .border-start-warning {
-  border-right-color: var(--cui-warning, #f9b115) !important;
+  border-left-color: #f9b115 !important;
 }
 
 .border-start-danger {
-  border-right-color: var(--cui-danger, #e55353) !important;
+  border-left-color: #e55353 !important;
 }
 
 .border-start-light {
-  border-right-color: var(--cui-light, #ebedef) !important;
+  border-left-color: #ebedef !important;
 }
 
 .border-start-dark {
-  border-right-color: var(--cui-dark, #4f5d73) !important;
+  border-left-color: #4f5d73 !important;
 }
 
 .border-start-white {
-  border-right-color: var(--cui-white, #fff) !important;
+  border-left-color: #fff !important;
 }
 
 .border-1 {
@@ -663,23 +686,23 @@
 }
 
 .border-end-1 {
-  border-left-width: 1px !important;
+  border-right-width: 1px !important;
 }
 
 .border-end-2 {
-  border-left-width: 2px !important;
+  border-right-width: 2px !important;
 }
 
 .border-end-3 {
-  border-left-width: 3px !important;
+  border-right-width: 3px !important;
 }
 
 .border-end-4 {
-  border-left-width: 4px !important;
+  border-right-width: 4px !important;
 }
 
 .border-end-5 {
-  border-left-width: 5px !important;
+  border-right-width: 5px !important;
 }
 
 .border-bottom-1 {
@@ -703,23 +726,23 @@
 }
 
 .border-start-1 {
-  border-right-width: 1px !important;
+  border-left-width: 1px !important;
 }
 
 .border-start-2 {
-  border-right-width: 2px !important;
+  border-left-width: 2px !important;
 }
 
 .border-start-3 {
-  border-right-width: 3px !important;
+  border-left-width: 3px !important;
 }
 
 .border-start-4 {
-  border-right-width: 4px !important;
+  border-left-width: 4px !important;
 }
 
 .border-start-5 {
-  border-right-width: 5px !important;
+  border-left-width: 5px !important;
 }
 
 .w-25 {
@@ -1109,31 +1132,31 @@
 }
 
 .me-0 {
-  margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 
 .me-1 {
-  margin-left: 0.25rem !important;
+  margin-right: 0.25rem !important;
 }
 
 .me-2 {
-  margin-left: 0.5rem !important;
+  margin-right: 0.5rem !important;
 }
 
 .me-3 {
-  margin-left: 1rem !important;
+  margin-right: 1rem !important;
 }
 
 .me-4 {
-  margin-left: 1.5rem !important;
+  margin-right: 1.5rem !important;
 }
 
 .me-5 {
-  margin-left: 3rem !important;
+  margin-right: 3rem !important;
 }
 
 .me-auto {
-  margin-left: auto !important;
+  margin-right: auto !important;
 }
 
 .mb-0 {
@@ -1165,31 +1188,31 @@
 }
 
 .ms-0 {
-  margin-right: 0 !important;
+  margin-left: 0 !important;
 }
 
 .ms-1 {
-  margin-right: 0.25rem !important;
+  margin-left: 0.25rem !important;
 }
 
 .ms-2 {
-  margin-right: 0.5rem !important;
+  margin-left: 0.5rem !important;
 }
 
 .ms-3 {
-  margin-right: 1rem !important;
+  margin-left: 1rem !important;
 }
 
 .ms-4 {
-  margin-right: 1.5rem !important;
+  margin-left: 1.5rem !important;
 }
 
 .ms-5 {
-  margin-right: 3rem !important;
+  margin-left: 3rem !important;
 }
 
 .ms-auto {
-  margin-right: auto !important;
+  margin-left: auto !important;
 }
 
 .p-0 {
@@ -1301,27 +1324,27 @@
 }
 
 .pe-0 {
-  padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 
 .pe-1 {
-  padding-left: 0.25rem !important;
+  padding-right: 0.25rem !important;
 }
 
 .pe-2 {
-  padding-left: 0.5rem !important;
+  padding-right: 0.5rem !important;
 }
 
 .pe-3 {
-  padding-left: 1rem !important;
+  padding-right: 1rem !important;
 }
 
 .pe-4 {
-  padding-left: 1.5rem !important;
+  padding-right: 1.5rem !important;
 }
 
 .pe-5 {
-  padding-left: 3rem !important;
+  padding-right: 3rem !important;
 }
 
 .pb-0 {
@@ -1349,27 +1372,27 @@
 }
 
 .ps-0 {
-  padding-right: 0 !important;
+  padding-left: 0 !important;
 }
 
 .ps-1 {
-  padding-right: 0.25rem !important;
+  padding-left: 0.25rem !important;
 }
 
 .ps-2 {
-  padding-right: 0.5rem !important;
+  padding-left: 0.5rem !important;
 }
 
 .ps-3 {
-  padding-right: 1rem !important;
+  padding-left: 1rem !important;
 }
 
 .ps-4 {
-  padding-right: 1.5rem !important;
+  padding-left: 1.5rem !important;
 }
 
 .ps-5 {
-  padding-right: 3rem !important;
+  padding-left: 3rem !important;
 }
 
 .font-monospace {
@@ -1453,11 +1476,11 @@
 }
 
 .text-start {
-  text-align: right !important;
+  text-align: left !important;
 }
 
 .text-end {
-  text-align: left !important;
+  text-align: right !important;
 }
 
 .text-center {
@@ -1504,127 +1527,204 @@
 
 /* rtl:end:remove */
 .text-primary {
-  color: var(--cui-primary, #321fdb) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-primary-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-secondary {
-  color: var(--cui-secondary, #9da5b1) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-secondary-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-success {
-  color: var(--cui-success, #2eb85c) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-success-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-info {
-  color: var(--cui-info, #39f) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-info-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-warning {
-  color: var(--cui-warning, #f9b115) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-warning-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-danger {
-  color: var(--cui-danger, #e55353) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-danger-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-light {
-  color: var(--cui-light, #ebedef) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-light-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-dark {
-  color: var(--cui-dark, #4f5d73) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-dark-rgb), var(--cui-text-opacity)) !important;
+}
+
+.text-black {
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-black-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-white {
-  color: var(--cui-white, #fff) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-white-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-body {
-  color: var(--cui-body, rgba(44, 56, 74, 0.95)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(var(--cui-body-color-rgb), var(--cui-text-opacity)) !important;
 }
 
 .text-muted {
-  color: var(--cui-muted, rgba(44, 56, 74, 0.38)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(44, 56, 74, 0.38) !important;
 }
 
 .text-black-50 {
-  color: var(--cui-black-50, rgba(0, 0, 21, 0.5)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(0, 0, 21, 0.5) !important;
 }
 
 .text-white-50 {
-  color: var(--cui-white-50, rgba(255, 255, 255, 0.5)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(255, 255, 255, 0.5) !important;
 }
 
 .text-reset {
-  color: var(--cui-reset, inherit) !important;
+  --cui-text-opacity: 1;
+  color: inherit !important;
 }
 
 .text-high-emphasis-inverse {
-  color: var(--cui-high-emphasis-inverse, rgba(255, 255, 255, 0.87)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(255, 255, 255, 0.87) !important;
 }
 
 .text-medium-emphasis-inverse {
-  color: var(--cui-medium-emphasis-inverse, rgba(255, 255, 255, 0.6)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(255, 255, 255, 0.6) !important;
 }
 
 .text-disabled-inverse {
-  color: var(--cui-disabled-inverse, rgba(255, 255, 255, 0.38)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(255, 255, 255, 0.38) !important;
 }
 
 .text-high-emphasis {
-  color: var(--cui-high-emphasis, rgba(44, 56, 74, 0.95)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(44, 56, 74, 0.95) !important;
 }
 
 .text-medium-emphasis {
-  color: var(--cui-medium-emphasis, rgba(44, 56, 74, 0.681)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(44, 56, 74, 0.681) !important;
 }
 
 .text-disabled {
-  color: var(--cui-disabled, rgba(44, 56, 74, 0.38)) !important;
+  --cui-text-opacity: 1;
+  color: rgba(44, 56, 74, 0.38) !important;
+}
+
+.text-opacity-25 {
+  --cui-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+  --cui-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+  --cui-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+  --cui-text-opacity: 1;
 }
 
 .bg-primary {
-  background-color: var(--cui-primary, #321fdb) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-primary-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-secondary {
-  background-color: var(--cui-secondary, #9da5b1) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-secondary-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-success {
-  background-color: var(--cui-success, #2eb85c) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-success-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-info {
-  background-color: var(--cui-info, #39f) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-info-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-warning {
-  background-color: var(--cui-warning, #f9b115) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-warning-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-danger {
-  background-color: var(--cui-danger, #e55353) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-danger-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-light {
-  background-color: var(--cui-light, #ebedef) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-light-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-dark {
-  background-color: var(--cui-dark, #4f5d73) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-dark-rgb), var(--cui-bg-opacity)) !important;
 }
 
-.bg-body {
-  background-color: var(--cui-body, #fff) !important;
+.bg-black {
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-black-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-white {
-  background-color: var(--cui-white, #fff) !important;
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-white-rgb), var(--cui-bg-opacity)) !important;
+}
+
+.bg-body {
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-body-bg-rgb), var(--cui-bg-opacity)) !important;
 }
 
 .bg-transparent {
-  background-color: var(--cui-transparent, transparent) !important;
+  --cui-bg-opacity: 1;
+  background-color: transparent !important;
+}
+
+.bg-opacity-10 {
+  --cui-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+  --cui-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+  --cui-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+  --cui-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+  --cui-bg-opacity: 1;
 }
 
 .bg-gradient {
@@ -1685,8 +1785,8 @@
 }
 
 .rounded-end {
-  border-top-left-radius: 0.25rem !important;
-  border-bottom-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important;
 }
 
 .rounded-bottom {
@@ -1695,8 +1795,8 @@
 }
 
 .rounded-start {
-  border-bottom-right-radius: 0.25rem !important;
-  border-top-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+  border-top-left-radius: 0.25rem !important;
 }
 
 .visible {
@@ -1709,11 +1809,11 @@
 
 @media (min-width: 576px) {
   .float-sm-start {
-    float: right !important;
+    float: left !important;
   }
 
   .float-sm-end {
-    float: left !important;
+    float: right !important;
   }
 
   .float-sm-none {
@@ -2083,31 +2183,31 @@
   }
 
   .me-sm-0 {
-    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
 
   .me-sm-1 {
-    margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
 
   .me-sm-2 {
-    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
 
   .me-sm-3 {
-    margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
 
   .me-sm-4 {
-    margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
 
   .me-sm-5 {
-    margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
 
   .me-sm-auto {
-    margin-left: auto !important;
+    margin-right: auto !important;
   }
 
   .mb-sm-0 {
@@ -2139,31 +2239,31 @@
   }
 
   .ms-sm-0 {
-    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
   .ms-sm-1 {
-    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
   .ms-sm-2 {
-    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
   .ms-sm-3 {
-    margin-right: 1rem !important;
+    margin-left: 1rem !important;
   }
 
   .ms-sm-4 {
-    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
   .ms-sm-5 {
-    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
   .ms-sm-auto {
-    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
   .p-sm-0 {
@@ -2275,27 +2375,27 @@
   }
 
   .pe-sm-0 {
-    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
 
   .pe-sm-1 {
-    padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
 
   .pe-sm-2 {
-    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
 
   .pe-sm-3 {
-    padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
 
   .pe-sm-4 {
-    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
 
   .pe-sm-5 {
-    padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
 
   .pb-sm-0 {
@@ -2323,35 +2423,35 @@
   }
 
   .ps-sm-0 {
-    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
   .ps-sm-1 {
-    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
   }
 
   .ps-sm-2 {
-    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
   }
 
   .ps-sm-3 {
-    padding-right: 1rem !important;
+    padding-left: 1rem !important;
   }
 
   .ps-sm-4 {
-    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
   }
 
   .ps-sm-5 {
-    padding-right: 3rem !important;
+    padding-left: 3rem !important;
   }
 
   .text-sm-start {
-    text-align: right !important;
+    text-align: left !important;
   }
 
   .text-sm-end {
-    text-align: left !important;
+    text-align: right !important;
   }
 
   .text-sm-center {
@@ -2360,11 +2460,11 @@
 }
 @media (min-width: 768px) {
   .float-md-start {
-    float: right !important;
+    float: left !important;
   }
 
   .float-md-end {
-    float: left !important;
+    float: right !important;
   }
 
   .float-md-none {
@@ -2734,31 +2834,31 @@
   }
 
   .me-md-0 {
-    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
 
   .me-md-1 {
-    margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
 
   .me-md-2 {
-    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
 
   .me-md-3 {
-    margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
 
   .me-md-4 {
-    margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
 
   .me-md-5 {
-    margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
 
   .me-md-auto {
-    margin-left: auto !important;
+    margin-right: auto !important;
   }
 
   .mb-md-0 {
@@ -2790,31 +2890,31 @@
   }
 
   .ms-md-0 {
-    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
   .ms-md-1 {
-    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
   .ms-md-2 {
-    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
   .ms-md-3 {
-    margin-right: 1rem !important;
+    margin-left: 1rem !important;
   }
 
   .ms-md-4 {
-    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
   .ms-md-5 {
-    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
   .ms-md-auto {
-    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
   .p-md-0 {
@@ -2926,27 +3026,27 @@
   }
 
   .pe-md-0 {
-    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
 
   .pe-md-1 {
-    padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
 
   .pe-md-2 {
-    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
 
   .pe-md-3 {
-    padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
 
   .pe-md-4 {
-    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
 
   .pe-md-5 {
-    padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
 
   .pb-md-0 {
@@ -2974,35 +3074,35 @@
   }
 
   .ps-md-0 {
-    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
   .ps-md-1 {
-    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
   }
 
   .ps-md-2 {
-    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
   }
 
   .ps-md-3 {
-    padding-right: 1rem !important;
+    padding-left: 1rem !important;
   }
 
   .ps-md-4 {
-    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
   }
 
   .ps-md-5 {
-    padding-right: 3rem !important;
+    padding-left: 3rem !important;
   }
 
   .text-md-start {
-    text-align: right !important;
+    text-align: left !important;
   }
 
   .text-md-end {
-    text-align: left !important;
+    text-align: right !important;
   }
 
   .text-md-center {
@@ -3011,11 +3111,11 @@
 }
 @media (min-width: 992px) {
   .float-lg-start {
-    float: right !important;
+    float: left !important;
   }
 
   .float-lg-end {
-    float: left !important;
+    float: right !important;
   }
 
   .float-lg-none {
@@ -3385,31 +3485,31 @@
   }
 
   .me-lg-0 {
-    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
 
   .me-lg-1 {
-    margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
 
   .me-lg-2 {
-    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
 
   .me-lg-3 {
-    margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
 
   .me-lg-4 {
-    margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
 
   .me-lg-5 {
-    margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
 
   .me-lg-auto {
-    margin-left: auto !important;
+    margin-right: auto !important;
   }
 
   .mb-lg-0 {
@@ -3441,31 +3541,31 @@
   }
 
   .ms-lg-0 {
-    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
   .ms-lg-1 {
-    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
   .ms-lg-2 {
-    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
   .ms-lg-3 {
-    margin-right: 1rem !important;
+    margin-left: 1rem !important;
   }
 
   .ms-lg-4 {
-    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
   .ms-lg-5 {
-    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
   .ms-lg-auto {
-    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
   .p-lg-0 {
@@ -3577,27 +3677,27 @@
   }
 
   .pe-lg-0 {
-    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
 
   .pe-lg-1 {
-    padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
 
   .pe-lg-2 {
-    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
 
   .pe-lg-3 {
-    padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
 
   .pe-lg-4 {
-    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
 
   .pe-lg-5 {
-    padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
 
   .pb-lg-0 {
@@ -3625,35 +3725,35 @@
   }
 
   .ps-lg-0 {
-    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
   .ps-lg-1 {
-    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
   }
 
   .ps-lg-2 {
-    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
   }
 
   .ps-lg-3 {
-    padding-right: 1rem !important;
+    padding-left: 1rem !important;
   }
 
   .ps-lg-4 {
-    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
   }
 
   .ps-lg-5 {
-    padding-right: 3rem !important;
+    padding-left: 3rem !important;
   }
 
   .text-lg-start {
-    text-align: right !important;
+    text-align: left !important;
   }
 
   .text-lg-end {
-    text-align: left !important;
+    text-align: right !important;
   }
 
   .text-lg-center {
@@ -3662,11 +3762,11 @@
 }
 @media (min-width: 1200px) {
   .float-xl-start {
-    float: right !important;
+    float: left !important;
   }
 
   .float-xl-end {
-    float: left !important;
+    float: right !important;
   }
 
   .float-xl-none {
@@ -4036,31 +4136,31 @@
   }
 
   .me-xl-0 {
-    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
 
   .me-xl-1 {
-    margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
 
   .me-xl-2 {
-    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
 
   .me-xl-3 {
-    margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
 
   .me-xl-4 {
-    margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
 
   .me-xl-5 {
-    margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
 
   .me-xl-auto {
-    margin-left: auto !important;
+    margin-right: auto !important;
   }
 
   .mb-xl-0 {
@@ -4092,31 +4192,31 @@
   }
 
   .ms-xl-0 {
-    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
   .ms-xl-1 {
-    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
   .ms-xl-2 {
-    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
   .ms-xl-3 {
-    margin-right: 1rem !important;
+    margin-left: 1rem !important;
   }
 
   .ms-xl-4 {
-    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
   .ms-xl-5 {
-    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
   .ms-xl-auto {
-    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
   .p-xl-0 {
@@ -4228,27 +4328,27 @@
   }
 
   .pe-xl-0 {
-    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
 
   .pe-xl-1 {
-    padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
 
   .pe-xl-2 {
-    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
 
   .pe-xl-3 {
-    padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
 
   .pe-xl-4 {
-    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
 
   .pe-xl-5 {
-    padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
 
   .pb-xl-0 {
@@ -4276,35 +4376,35 @@
   }
 
   .ps-xl-0 {
-    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
   .ps-xl-1 {
-    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
   }
 
   .ps-xl-2 {
-    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
   }
 
   .ps-xl-3 {
-    padding-right: 1rem !important;
+    padding-left: 1rem !important;
   }
 
   .ps-xl-4 {
-    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
   }
 
   .ps-xl-5 {
-    padding-right: 3rem !important;
+    padding-left: 3rem !important;
   }
 
   .text-xl-start {
-    text-align: right !important;
+    text-align: left !important;
   }
 
   .text-xl-end {
-    text-align: left !important;
+    text-align: right !important;
   }
 
   .text-xl-center {
@@ -4313,11 +4413,11 @@
 }
 @media (min-width: 1400px) {
   .float-xxl-start {
-    float: right !important;
+    float: left !important;
   }
 
   .float-xxl-end {
-    float: left !important;
+    float: right !important;
   }
 
   .float-xxl-none {
@@ -4687,31 +4787,31 @@
   }
 
   .me-xxl-0 {
-    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
 
   .me-xxl-1 {
-    margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
 
   .me-xxl-2 {
-    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
 
   .me-xxl-3 {
-    margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
 
   .me-xxl-4 {
-    margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
 
   .me-xxl-5 {
-    margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
 
   .me-xxl-auto {
-    margin-left: auto !important;
+    margin-right: auto !important;
   }
 
   .mb-xxl-0 {
@@ -4743,31 +4843,31 @@
   }
 
   .ms-xxl-0 {
-    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
   .ms-xxl-1 {
-    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
   .ms-xxl-2 {
-    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
   .ms-xxl-3 {
-    margin-right: 1rem !important;
+    margin-left: 1rem !important;
   }
 
   .ms-xxl-4 {
-    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
   .ms-xxl-5 {
-    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
   .ms-xxl-auto {
-    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
   .p-xxl-0 {
@@ -4879,27 +4979,27 @@
   }
 
   .pe-xxl-0 {
-    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
 
   .pe-xxl-1 {
-    padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
 
   .pe-xxl-2 {
-    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
 
   .pe-xxl-3 {
-    padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
 
   .pe-xxl-4 {
-    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
 
   .pe-xxl-5 {
-    padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
 
   .pb-xxl-0 {
@@ -4927,35 +5027,35 @@
   }
 
   .ps-xxl-0 {
-    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
   .ps-xxl-1 {
-    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
   }
 
   .ps-xxl-2 {
-    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
   }
 
   .ps-xxl-3 {
-    padding-right: 1rem !important;
+    padding-left: 1rem !important;
   }
 
   .ps-xxl-4 {
-    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
   }
 
   .ps-xxl-5 {
-    padding-right: 3rem !important;
+    padding-left: 3rem !important;
   }
 
   .text-xxl-start {
-    text-align: right !important;
+    text-align: left !important;
   }
 
   .text-xxl-end {
-    text-align: left !important;
+    text-align: right !important;
   }
 
   .text-xxl-center {