j1-template 2022.5.2 → 2022.5.3

data/assets/themes/j1/core/css/themes/unolight/bootstrap.css

@@ -86,7 +86,7 @@
  # -----------------------------------------------------------------------------
 */
 /*!
-   * Bootstrap  v5.2.0 (https://getbootstrap.com/)
+   * Bootstrap  v5.2.1 (https://getbootstrap.com/)
    * Copyright 2011-2022 The Bootstrap Authors
    * Copyright 2011-2022 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -2180,6 +2180,7 @@ textarea.form-control-lg {
     height: 100%;
     padding: 1rem 0;
     overflow: hidden;
+    text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
     pointer-events: none;
@@ -2235,12 +2236,12 @@ textarea.form-control-lg {
   .input-group > .form-control:focus,
   .input-group > .form-select:focus,
   .input-group > .form-floating:focus-within {
-    z-index: 3; }
+    z-index: 5; }
   .input-group .btn {
     position: relative;
     z-index: 2; }
     .input-group .btn:focus {
-      z-index: 3; }
+      z-index: 5; }
 
 .input-group-text {
   display: flex;
@@ -2290,10 +2291,13 @@ textarea.form-control-lg {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0; }
 
-.input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
 .input-group > .form-floating:not(:first-child) > .form-control,
 .input-group > .form-floating:not(:first-child) > .form-select {
-  margin-left: -1px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0; }
 
@@ -2364,14 +2368,12 @@ textarea.form-control-lg {
 .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated
-.input-group .form-select:valid,
-.input-group .form-select.is-valid {
-  z-index: 1; }
-  .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated
-  .input-group .form-select:valid:focus,
-  .input-group .form-select.is-valid:focus {
-    z-index: 3; }
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated
+.input-group > .form-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid, .was-validated
+.input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3; }
 
 .invalid-feedback {
   display: none;
@@ -2440,14 +2442,12 @@ textarea.form-control-lg {
 .form-check-inline .form-check-input ~ .invalid-feedback {
   margin-left: .5em; }
 
-.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated
-.input-group .form-select:invalid,
-.input-group .form-select.is-invalid {
-  z-index: 2; }
-  .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated
-  .input-group .form-select:invalid:focus,
-  .input-group .form-select.is-invalid:focus {
-    z-index: 3; }
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated
+.input-group > .form-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid, .was-validated
+.input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+  z-index: 4; }
 
 .btn {
   --bs-btn-padding-x: 1rem;
@@ -2461,6 +2461,7 @@ textarea.form-control-lg {
   --bs-btn-border-width: 1px;
   --bs-btn-border-color: transparent;
   --bs-btn-border-radius: 0.1rem;
+  --bs-btn-hover-border-color: transparent;
   --bs-btn-box-shadow: none;
   --bs-btn-disabled-opacity: 0.65;
   --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
@@ -2484,24 +2485,28 @@ textarea.form-control-lg {
   @media (prefers-reduced-motion: reduce) {
     .btn {
       transition: none; } }
-  .btn:hover {
+  :not(.btn-check) + .btn:hover, .btn:first-child:hover {
     color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg);
     border-color: var(--bs-btn-hover-border-color); }
-  .btn-check:focus + .btn, .btn:focus {
+  .btn:focus-visible {
     color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg);
     border-color: var(--bs-btn-hover-border-color);
     outline: 0;
     box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow); }
+  .btn-check:focus-visible + .btn {
+    border-color: var(--bs-btn-hover-border-color);
+    outline: 0;
+    box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow); }
   .btn-check:checked + .btn,
-  .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
+  :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
     color: var(--bs-btn-active-color);
     background-color: var(--bs-btn-active-bg);
     border-color: var(--bs-btn-active-border-color);
     box-shadow: var(--bs-btn-active-shadow); }
-    .btn-check:checked + .btn:focus,
-    .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
+    .btn-check:checked + .btn:focus-visible,
+    :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
       box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow); }
   .btn:disabled, .btn.disabled,
   fieldset:disabled .btn {
@@ -2782,7 +2787,7 @@ textarea.form-control-lg {
   --bs-btn-box-shadow: none;
   --bs-btn-focus-shadow-rgb: 28, 128, 207;
   text-decoration: underline; }
-  .btn-link:focus {
+  .btn-link:focus-visible {
     color: var(--bs-btn-color); }
   .btn-link:hover {
     color: var(--bs-btn-hover-color); }
@@ -2848,6 +2853,7 @@ textarea.form-control-lg {
     margin-left: 0; }
 
 .dropdown-menu {
+  --bs-dropdown-zindex: 1000;
   --bs-dropdown-min-width: 10rem;
   --bs-dropdown-padding-x: 0;
   --bs-dropdown-padding-y: 0.5rem;
@@ -2874,7 +2880,7 @@ textarea.form-control-lg {
   --bs-dropdown-header-padding-x: 1rem;
   --bs-dropdown-header-padding-y: 0.5rem;
   position: absolute;
-  z-index: 1000;
+  z-index: var(--bs-dropdown-zindex);
   display: none;
   min-width: var(--bs-dropdown-min-width);
   padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
@@ -3131,7 +3137,7 @@ textarea.form-control-lg {
 
 .btn-group {
   border-radius: 0.1rem; }
-  .btn-group > .btn:not(:first-child),
+  .btn-group > :not(.btn-check:first-child) + .btn,
   .btn-group > .btn-group:not(:first-child) {
     margin-left: -1px; }
   .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
@@ -3228,7 +3234,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-link-active-border-color: #e0e0e0 #e0e0e0 #fff;
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
   .nav-tabs .nav-link {
-    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
+    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
     background: none;
     border: var(--bs-nav-tabs-border-width) solid transparent;
     border-top-left-radius: var(--bs-nav-tabs-border-radius);
@@ -3246,7 +3252,7 @@ textarea.form-control-lg {
     background-color: var(--bs-nav-tabs-link-active-bg);
     border-color: var(--bs-nav-tabs-link-active-border-color); }
   .nav-tabs .dropdown-menu {
-    margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
+    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
     border-top-left-radius: 0;
     border-top-right-radius: 0; }
 
@@ -3787,7 +3793,7 @@ textarea.form-control-lg {
           border-bottom-left-radius: 0; } }
 
 .accordion {
-  --bs-accordion-color: #000;
+  --bs-accordion-color: var(--bs-body-color);
   --bs-accordion-bg: #fff;
   --bs-accordion-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, border-radius 0.15s ease;
   --bs-accordion-border-color: var(--bs-border-color);
@@ -3830,7 +3836,7 @@ textarea.form-control-lg {
   .accordion-button:not(.collapsed) {
     color: var(--bs-accordion-active-color);
     background-color: var(--bs-accordion-active-bg);
-    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); }
+    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
     .accordion-button:not(.collapsed)::after {
       background-image: var(--bs-accordion-btn-active-icon);
       transform: var(--bs-accordion-btn-icon-transform); }
@@ -3894,7 +3900,7 @@ textarea.form-control-lg {
     border-top: 0; }
   .accordion-flush .accordion-item:last-child {
     border-bottom: 0; }
-  .accordion-flush .accordion-item .accordion-button {
+  .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
     border-radius: 0; }
 
 .breadcrumb {
@@ -3991,8 +3997,13 @@ textarea.form-control-lg {
 .page-item:not(:first-child) .page-link {
   margin-left: 0; }
 
-.page-item .page-link {
-  border-radius: var(--bs-pagination-border-radius); }
+.page-item:first-child .page-link {
+  border-top-left-radius: var(--bs-pagination-border-radius);
+  border-bottom-left-radius: var(--bs-pagination-border-radius); }
+
+.page-item:last-child .page-link {
+  border-top-right-radius: var(--bs-pagination-border-radius);
+  border-bottom-right-radius: var(--bs-pagination-border-radius); }
 
 .pagination-lg {
   --bs-pagination-padding-x: 0;
@@ -4233,15 +4244,15 @@ textarea.form-control-lg {
   .list-group-item + .list-group-item {
     border-top-width: 0; }
     .list-group-item + .list-group-item.active {
-      margin-top: calc(var(--bs-list-group-border-width) * -1);
+      margin-top: calc(-1 * var(--bs-list-group-border-width));
       border-top-width: var(--bs-list-group-border-width); }
 
 .list-group-horizontal {
   flex-direction: row; }
-  .list-group-horizontal > .list-group-item:first-child {
+  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--bs-list-group-border-radius);
     border-top-right-radius: 0; }
-  .list-group-horizontal > .list-group-item:last-child {
+  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--bs-list-group-border-radius);
     border-bottom-left-radius: 0; }
   .list-group-horizontal > .list-group-item.active {
@@ -4250,16 +4261,16 @@ textarea.form-control-lg {
     border-top-width: var(--bs-list-group-border-width);
     border-left-width: 0; }
     .list-group-horizontal > .list-group-item + .list-group-item.active {
-      margin-left: calc(var(--bs-list-group-border-width) * -1);
+      margin-left: calc(-1 * var(--bs-list-group-border-width));
       border-left-width: var(--bs-list-group-border-width); }
 
 @media (min-width: 576px) {
   .list-group-horizontal-sm {
     flex-direction: row; }
-    .list-group-horizontal-sm > .list-group-item:first-child {
+    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
       border-bottom-left-radius: var(--bs-list-group-border-radius);
       border-top-right-radius: 0; }
-    .list-group-horizontal-sm > .list-group-item:last-child {
+    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
       border-top-right-radius: var(--bs-list-group-border-radius);
       border-bottom-left-radius: 0; }
     .list-group-horizontal-sm > .list-group-item.active {
@@ -4268,16 +4279,16 @@ textarea.form-control-lg {
       border-top-width: var(--bs-list-group-border-width);
       border-left-width: 0; }
       .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
-        margin-left: calc(var(--bs-list-group-border-width) * -1);
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
         border-left-width: var(--bs-list-group-border-width); } }
 
 @media (min-width: 768px) {
   .list-group-horizontal-md {
     flex-direction: row; }
-    .list-group-horizontal-md > .list-group-item:first-child {
+    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
       border-bottom-left-radius: var(--bs-list-group-border-radius);
       border-top-right-radius: 0; }
-    .list-group-horizontal-md > .list-group-item:last-child {
+    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
       border-top-right-radius: var(--bs-list-group-border-radius);
       border-bottom-left-radius: 0; }
     .list-group-horizontal-md > .list-group-item.active {
@@ -4286,16 +4297,16 @@ textarea.form-control-lg {
       border-top-width: var(--bs-list-group-border-width);
       border-left-width: 0; }
       .list-group-horizontal-md > .list-group-item + .list-group-item.active {
-        margin-left: calc(var(--bs-list-group-border-width) * -1);
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
         border-left-width: var(--bs-list-group-border-width); } }
 
 @media (min-width: 992px) {
   .list-group-horizontal-lg {
     flex-direction: row; }
-    .list-group-horizontal-lg > .list-group-item:first-child {
+    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
       border-bottom-left-radius: var(--bs-list-group-border-radius);
       border-top-right-radius: 0; }
-    .list-group-horizontal-lg > .list-group-item:last-child {
+    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
       border-top-right-radius: var(--bs-list-group-border-radius);
       border-bottom-left-radius: 0; }
     .list-group-horizontal-lg > .list-group-item.active {
@@ -4304,16 +4315,16 @@ textarea.form-control-lg {
       border-top-width: var(--bs-list-group-border-width);
       border-left-width: 0; }
       .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
-        margin-left: calc(var(--bs-list-group-border-width) * -1);
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
         border-left-width: var(--bs-list-group-border-width); } }
 
 @media (min-width: 1200px) {
   .list-group-horizontal-xl {
     flex-direction: row; }
-    .list-group-horizontal-xl > .list-group-item:first-child {
+    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
       border-bottom-left-radius: var(--bs-list-group-border-radius);
       border-top-right-radius: 0; }
-    .list-group-horizontal-xl > .list-group-item:last-child {
+    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
       border-top-right-radius: var(--bs-list-group-border-radius);
       border-bottom-left-radius: 0; }
     .list-group-horizontal-xl > .list-group-item.active {
@@ -4322,16 +4333,16 @@ textarea.form-control-lg {
       border-top-width: var(--bs-list-group-border-width);
       border-left-width: 0; }
       .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
-        margin-left: calc(var(--bs-list-group-border-width) * -1);
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
         border-left-width: var(--bs-list-group-border-width); } }
 
 @media (min-width: 1400px) {
   .list-group-horizontal-xxl {
     flex-direction: row; }
-    .list-group-horizontal-xxl > .list-group-item:first-child {
+    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
       border-bottom-left-radius: var(--bs-list-group-border-radius);
       border-top-right-radius: 0; }
-    .list-group-horizontal-xxl > .list-group-item:last-child {
+    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
       border-top-right-radius: var(--bs-list-group-border-radius);
       border-bottom-left-radius: 0; }
     .list-group-horizontal-xxl > .list-group-item.active {
@@ -4340,7 +4351,7 @@ textarea.form-control-lg {
       border-top-width: var(--bs-list-group-border-width);
       border-left-width: 0; }
       .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
-        margin-left: calc(var(--bs-list-group-border-width) * -1);
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
         border-left-width: var(--bs-list-group-border-width); } }
 
 .list-group-flush {
@@ -4465,6 +4476,7 @@ textarea.form-control-lg {
   filter: invert(1) grayscale(100%) brightness(200%); }
 
 .toast {
+  --bs-toast-zindex: 1090;
   --bs-toast-padding-x: 0.75rem;
   --bs-toast-padding-y: 0.5rem;
   --bs-toast-spacing: 1.5rem;
@@ -4496,7 +4508,7 @@ textarea.form-control-lg {
 
 .toast-container {
   position: absolute;
-  z-index: 1090;
+  z-index: var(--bs-toast-zindex);
   width: max-content;
   max-width: 100%;
   pointer-events: none; }
@@ -4514,7 +4526,7 @@ textarea.form-control-lg {
   border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
   border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); }
   .toast-header .btn-close {
-    margin-right: calc(var(--bs-toast-padding-x) * -.5);
+    margin-right: calc(-.5 * var(--bs-toast-padding-x));
     margin-left: var(--bs-toast-padding-x); }
 
 .toast-body {
@@ -4624,7 +4636,7 @@ textarea.form-control-lg {
   border-top-right-radius: var(--bs-modal-inner-border-radius); }
   .modal-header .btn-close {
     padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
-    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto; }
+    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }
 
 .modal-title {
   margin-bottom: 0;
@@ -4867,7 +4879,7 @@ textarea.form-control-lg {
   --bs-popover-header-padding-x: 1rem;
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
-  --bs-popover-header-color: var(--bs-heading-color);
+  --bs-popover-header-color: ;
   --bs-popover-header-bg: #f0f0f0;
   --bs-popover-body-padding-x: 1rem;
   --bs-popover-body-padding-y: 1rem;
@@ -4912,7 +4924,7 @@ textarea.form-control-lg {
       border-width: 0; }
 
 .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
-  bottom: calc((var(--bs-popover-arrow-height) * -1) - var(--bs-popover-border-width)); }
+  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
   .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
     border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
   .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
@@ -4924,7 +4936,7 @@ textarea.form-control-lg {
 
 /* rtl:begin:ignore */
 .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
-  left: calc((var(--bs-popover-arrow-height) * -1) - var(--bs-popover-border-width));
+  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
   width: var(--bs-popover-arrow-height);
   height: var(--bs-popover-arrow-width); }
   .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
@@ -4938,7 +4950,7 @@ textarea.form-control-lg {
 
 /* rtl:end:ignore */
 .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
-  top: calc((var(--bs-popover-arrow-height) * -1) - var(--bs-popover-border-width)); }
+  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
   .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
     border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
   .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
@@ -4954,13 +4966,13 @@ textarea.form-control-lg {
   left: 50%;
   display: block;
   width: var(--bs-popover-arrow-width);
-  margin-left: calc(var(--bs-popover-arrow-width) * -.5);
+  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
   content: "";
   border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); }
 
 /* rtl:begin:ignore */
 .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
-  right: calc((var(--bs-popover-arrow-height) * -1) - var(--bs-popover-border-width));
+  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
   width: var(--bs-popover-arrow-height);
   height: var(--bs-popover-arrow-width); }
   .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
@@ -5220,6 +5232,7 @@ textarea.form-control-lg {
     --bs-spinner-animation-speed: 1.5s; } }
 
 .offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
+  --bs-offcanvas-zindex: 1045;
   --bs-offcanvas-width: 400px;
   --bs-offcanvas-height: 30vh;
   --bs-offcanvas-padding-x: 1rem;
@@ -5234,7 +5247,7 @@ textarea.form-control-lg {
   .offcanvas-sm {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--bs-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -5300,7 +5313,7 @@ textarea.form-control-lg {
   .offcanvas-md {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--bs-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -5366,7 +5379,7 @@ textarea.form-control-lg {
   .offcanvas-lg {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--bs-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -5432,7 +5445,7 @@ textarea.form-control-lg {
   .offcanvas-xl {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--bs-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -5498,7 +5511,7 @@ textarea.form-control-lg {
   .offcanvas-xxl {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--bs-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -5563,7 +5576,7 @@ textarea.form-control-lg {
 .offcanvas {
   position: fixed;
   bottom: 0;
-  z-index: 1045;
+  z-index: var(--bs-offcanvas-zindex);
   display: flex;
   flex-direction: column;
   max-width: 100%;
@@ -5629,9 +5642,9 @@ textarea.form-control-lg {
   padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
   .offcanvas-header .btn-close {
     padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
-    margin-top: calc(var(--bs-offcanvas-padding-y) * -.5);
-    margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
-    margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5); }
+    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
+    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
+    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); }
 
 .offcanvas-title {
   margin-bottom: 0;
@@ -10660,22 +10673,18 @@ fieldset[disabled][disabled] .form-control, .form-control.disabled, .form-contro
 .is-focused .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .is-focused .input-group .form-control:valid, .is-focused .input-group .form-control.is-valid, .was-validated
-.is-focused .input-group .form-select:valid,
-.is-focused .input-group .form-select.is-valid, .was-validated
-.is-focused .input-group .form-control:valid,
-.is-focused .input-group .form-control.is-valid, .was-validated
-.is-focused .input-group .form-select:valid,
-.is-focused .input-group .form-select.is-valid {
-  z-index: 1; }
-  .was-validated .is-focused .input-group .form-control:valid:focus, .is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .is-focused .input-group .form-select:valid:focus,
-  .is-focused .input-group .form-select.is-valid:focus, .was-validated
-  .is-focused .input-group .form-control:valid:focus,
-  .is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .is-focused .input-group .form-select:valid:focus,
-  .is-focused .input-group .form-select.is-valid:focus {
-    z-index: 3; }
+.was-validated .is-focused .input-group > .form-control:not(:focus):valid, .is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.is-focused .input-group > .form-select:not(:focus):valid,
+.is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.is-focused .input-group > .form-floating:not(:focus-within):valid,
+.is-focused .input-group > .form-floating:not(:focus-within).is-valid, .was-validated
+.is-focused .input-group > .form-control:not(:focus):valid,
+.is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.is-focused .input-group > .form-select:not(:focus):valid,
+.is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.is-focused .input-group > .form-floating:not(:focus-within):valid,
+.is-focused .input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3; }
 
 .is-focused [class^='bmd-label'],
 .is-focused [class*=' bmd-label'],
@@ -10790,18 +10799,16 @@ fieldset[disabled][disabled] .has-success .form-control, .has-success .form-cont
 .has-success .is-focused .form-check-inline .form-check-input ~ .valid-feedback, .has-success.is-focused .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .has-success .is-focused .input-group .form-control:valid, .has-success .is-focused .input-group .form-control.is-valid, .was-validated
-.has-success .is-focused .input-group .form-select:valid,
-.has-success .is-focused .input-group .form-select.is-valid, .was-validated .has-success.is-focused .input-group .form-control:valid, .has-success.is-focused .input-group .form-control.is-valid, .was-validated
-.has-success.is-focused .input-group .form-select:valid,
-.has-success.is-focused .input-group .form-select.is-valid {
-  z-index: 1; }
-  .was-validated .has-success .is-focused .input-group .form-control:valid:focus, .has-success .is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-success .is-focused .input-group .form-select:valid:focus,
-  .has-success .is-focused .input-group .form-select.is-valid:focus, .was-validated .has-success.is-focused .input-group .form-control:valid:focus, .has-success.is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-success.is-focused .input-group .form-select:valid:focus,
-  .has-success.is-focused .input-group .form-select.is-valid:focus {
-    z-index: 3; }
+.was-validated .has-success .is-focused .input-group > .form-control:not(:focus):valid, .has-success .is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-success .is-focused .input-group > .form-select:not(:focus):valid,
+.has-success .is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-success .is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-success .is-focused .input-group > .form-floating:not(:focus-within).is-valid, .was-validated .has-success.is-focused .input-group > .form-control:not(:focus):valid, .has-success.is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-success.is-focused .input-group > .form-select:not(:focus):valid,
+.has-success.is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-success.is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-success.is-focused .input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3; }
 
 .has-success .is-focused [class^='bmd-label'],
 .has-success .is-focused [class*=' bmd-label'], .has-success.is-focused [class^='bmd-label'],
@@ -10912,18 +10919,16 @@ fieldset[disabled][disabled] .has-info .form-control, .has-info .form-control.di
 .has-info .is-focused .form-check-inline .form-check-input ~ .valid-feedback, .has-info.is-focused .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .has-info .is-focused .input-group .form-control:valid, .has-info .is-focused .input-group .form-control.is-valid, .was-validated
-.has-info .is-focused .input-group .form-select:valid,
-.has-info .is-focused .input-group .form-select.is-valid, .was-validated .has-info.is-focused .input-group .form-control:valid, .has-info.is-focused .input-group .form-control.is-valid, .was-validated
-.has-info.is-focused .input-group .form-select:valid,
-.has-info.is-focused .input-group .form-select.is-valid {
-  z-index: 1; }
-  .was-validated .has-info .is-focused .input-group .form-control:valid:focus, .has-info .is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-info .is-focused .input-group .form-select:valid:focus,
-  .has-info .is-focused .input-group .form-select.is-valid:focus, .was-validated .has-info.is-focused .input-group .form-control:valid:focus, .has-info.is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-info.is-focused .input-group .form-select:valid:focus,
-  .has-info.is-focused .input-group .form-select.is-valid:focus {
-    z-index: 3; }
+.was-validated .has-info .is-focused .input-group > .form-control:not(:focus):valid, .has-info .is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-info .is-focused .input-group > .form-select:not(:focus):valid,
+.has-info .is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-info .is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-info .is-focused .input-group > .form-floating:not(:focus-within).is-valid, .was-validated .has-info.is-focused .input-group > .form-control:not(:focus):valid, .has-info.is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-info.is-focused .input-group > .form-select:not(:focus):valid,
+.has-info.is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-info.is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-info.is-focused .input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3; }
 
 .has-info .is-focused [class^='bmd-label'],
 .has-info .is-focused [class*=' bmd-label'], .has-info.is-focused [class^='bmd-label'],
@@ -11034,18 +11039,16 @@ fieldset[disabled][disabled] .has-warning .form-control, .has-warning .form-cont
 .has-warning .is-focused .form-check-inline .form-check-input ~ .valid-feedback, .has-warning.is-focused .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .has-warning .is-focused .input-group .form-control:valid, .has-warning .is-focused .input-group .form-control.is-valid, .was-validated
-.has-warning .is-focused .input-group .form-select:valid,
-.has-warning .is-focused .input-group .form-select.is-valid, .was-validated .has-warning.is-focused .input-group .form-control:valid, .has-warning.is-focused .input-group .form-control.is-valid, .was-validated
-.has-warning.is-focused .input-group .form-select:valid,
-.has-warning.is-focused .input-group .form-select.is-valid {
-  z-index: 1; }
-  .was-validated .has-warning .is-focused .input-group .form-control:valid:focus, .has-warning .is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-warning .is-focused .input-group .form-select:valid:focus,
-  .has-warning .is-focused .input-group .form-select.is-valid:focus, .was-validated .has-warning.is-focused .input-group .form-control:valid:focus, .has-warning.is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-warning.is-focused .input-group .form-select:valid:focus,
-  .has-warning.is-focused .input-group .form-select.is-valid:focus {
-    z-index: 3; }
+.was-validated .has-warning .is-focused .input-group > .form-control:not(:focus):valid, .has-warning .is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-warning .is-focused .input-group > .form-select:not(:focus):valid,
+.has-warning .is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-warning .is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-warning .is-focused .input-group > .form-floating:not(:focus-within).is-valid, .was-validated .has-warning.is-focused .input-group > .form-control:not(:focus):valid, .has-warning.is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-warning.is-focused .input-group > .form-select:not(:focus):valid,
+.has-warning.is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-warning.is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-warning.is-focused .input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3; }
 
 .has-warning .is-focused [class^='bmd-label'],
 .has-warning .is-focused [class*=' bmd-label'], .has-warning.is-focused [class^='bmd-label'],
@@ -11156,18 +11159,16 @@ fieldset[disabled][disabled] .has-danger .form-control, .has-danger .form-contro
 .has-danger .is-focused .form-check-inline .form-check-input ~ .valid-feedback, .has-danger.is-focused .form-check-inline .form-check-input ~ .valid-feedback {
   margin-left: .5em; }
 
-.was-validated .has-danger .is-focused .input-group .form-control:valid, .has-danger .is-focused .input-group .form-control.is-valid, .was-validated
-.has-danger .is-focused .input-group .form-select:valid,
-.has-danger .is-focused .input-group .form-select.is-valid, .was-validated .has-danger.is-focused .input-group .form-control:valid, .has-danger.is-focused .input-group .form-control.is-valid, .was-validated
-.has-danger.is-focused .input-group .form-select:valid,
-.has-danger.is-focused .input-group .form-select.is-valid {
-  z-index: 1; }
-  .was-validated .has-danger .is-focused .input-group .form-control:valid:focus, .has-danger .is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-danger .is-focused .input-group .form-select:valid:focus,
-  .has-danger .is-focused .input-group .form-select.is-valid:focus, .was-validated .has-danger.is-focused .input-group .form-control:valid:focus, .has-danger.is-focused .input-group .form-control.is-valid:focus, .was-validated
-  .has-danger.is-focused .input-group .form-select:valid:focus,
-  .has-danger.is-focused .input-group .form-select.is-valid:focus {
-    z-index: 3; }
+.was-validated .has-danger .is-focused .input-group > .form-control:not(:focus):valid, .has-danger .is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-danger .is-focused .input-group > .form-select:not(:focus):valid,
+.has-danger .is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-danger .is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-danger .is-focused .input-group > .form-floating:not(:focus-within).is-valid, .was-validated .has-danger.is-focused .input-group > .form-control:not(:focus):valid, .has-danger.is-focused .input-group > .form-control:not(:focus).is-valid, .was-validated
+.has-danger.is-focused .input-group > .form-select:not(:focus):valid,
+.has-danger.is-focused .input-group > .form-select:not(:focus).is-valid, .was-validated
+.has-danger.is-focused .input-group > .form-floating:not(:focus-within):valid,
+.has-danger.is-focused .input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3; }
 
 .has-danger .is-focused [class^='bmd-label'],
 .has-danger .is-focused [class*=' bmd-label'], .has-danger.is-focused [class^='bmd-label'],