@clayui/css 3.52.0 → 3.55.0

package/lib/css/base.css

@@ -318,32 +318,26 @@ h1,
 .h1 {
   font-size: calc(1rem * 2.5);
 }
-
 h2,
 .h2 {
   font-size: calc(1rem * 2);
 }
-
 h3,
 .h3 {
   font-size: calc(1rem * 1.75);
 }
-
 h4,
 .h4 {
   font-size: calc(1rem * 1.5);
 }
-
 h5,
 .h5 {
   font-size: calc(1rem * 1.25);
 }
-
 h6,
 .h6 {
   font-size: 1rem;
 }
-
 .lead {
   font-size: calc(1rem * 1.25);
   font-weight: 300;
@@ -485,7 +479,7 @@ mark:before,
 }
 
 .c-kbd > .c-kbd {
-  border-width: 0;
+  border-width: 0px;
   font-size: inherit;
   font-weight: inherit;
   height: auto;
@@ -517,7 +511,7 @@ mark:before,
 }
 
 .c-kbd-inline {
-  border-width: 0;
+  border-width: 0px;
   font-weight: 300;
   height: auto;
   line-height: inherit;
@@ -1362,7 +1356,6 @@ input[type=button].btn-block {
 .btn-primary:focus, .focus.btn-primary {
   background-color: #0069d9;
   border-color: #0062cc;
-  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   color: #fff;
 }
 .btn-primary:active {
@@ -1370,9 +1363,6 @@ input[type=button].btn-block {
   border-color: #005cbf;
   color: #fff;
 }
-.btn-primary:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
-}
 .active.btn-primary {
   background-color: #0062cc;
   border-color: #005cbf;
@@ -1391,7 +1381,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-primary {
   background-color: #0069d9;
   border-color: #0062cc;
-  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   color: #fff;
 }
 .btn-secondary {
@@ -1407,7 +1396,6 @@ input[type=button].btn-block {
 .btn-secondary:focus, .focus.btn-secondary {
   background-color: #5a6268;
   border-color: #545b62;
-  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
   color: #fff;
 }
 .btn-secondary:active {
@@ -1415,9 +1403,6 @@ input[type=button].btn-block {
   border-color: #4e555b;
   color: #fff;
 }
-.btn-secondary:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
-}
 .active.btn-secondary {
   background-color: #545b62;
   border-color: #4e555b;
@@ -1436,7 +1421,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-secondary {
   background-color: #5a6268;
   border-color: #545b62;
-  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
   color: #fff;
 }
 .btn-success {
@@ -1452,7 +1436,6 @@ input[type=button].btn-block {
 .btn-success:focus, .focus.btn-success {
   background-color: #218838;
   border-color: #1e7e34;
-  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
   color: #fff;
 }
 .btn-success:active {
@@ -1460,9 +1443,6 @@ input[type=button].btn-block {
   border-color: #1c7430;
   color: #fff;
 }
-.btn-success:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
-}
 .active.btn-success {
   background-color: #1e7e34;
   border-color: #1c7430;
@@ -1481,7 +1461,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-success {
   background-color: #218838;
   border-color: #1e7e34;
-  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
   color: #fff;
 }
 .btn-info {
@@ -1497,7 +1476,6 @@ input[type=button].btn-block {
 .btn-info:focus, .focus.btn-info {
   background-color: #138496;
   border-color: #117a8b;
-  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
   color: #fff;
 }
 .btn-info:active {
@@ -1505,9 +1483,6 @@ input[type=button].btn-block {
   border-color: #10707f;
   color: #fff;
 }
-.btn-info:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
-}
 .active.btn-info {
   background-color: #117a8b;
   border-color: #10707f;
@@ -1536,7 +1511,6 @@ input[type=button].btn-block {
 .btn-warning:focus, .focus.btn-warning {
   background-color: #e0a800;
   border-color: #d39e00;
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
   color: #212529;
 }
 .btn-warning:active {
@@ -1544,9 +1518,6 @@ input[type=button].btn-block {
   border-color: #c69500;
   color: #212529;
 }
-.btn-warning:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
-}
 .active.btn-warning {
   background-color: #d39e00;
   border-color: #c69500;
@@ -1565,7 +1536,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-warning {
   background-color: #e0a800;
   border-color: #d39e00;
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
   color: #212529;
 }
 .btn-danger {
@@ -1581,7 +1551,6 @@ input[type=button].btn-block {
 .btn-danger:focus, .focus.btn-danger {
   background-color: #c82333;
   border-color: #bd2130;
-  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
   color: #fff;
 }
 .btn-danger:active {
@@ -1589,9 +1558,6 @@ input[type=button].btn-block {
   border-color: #b21f2d;
   color: #fff;
 }
-.btn-danger:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
-}
 .active.btn-danger {
   background-color: #bd2130;
   border-color: #b21f2d;
@@ -1610,7 +1576,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-danger {
   background-color: #c82333;
   border-color: #bd2130;
-  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
   color: #fff;
 }
 .btn-light {
@@ -1626,7 +1591,6 @@ input[type=button].btn-block {
 .btn-light:focus, .focus.btn-light {
   background-color: #e2e6ea;
   border-color: #dae0e5;
-  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
   color: #212529;
 }
 .btn-light:active {
@@ -1634,9 +1598,6 @@ input[type=button].btn-block {
   border-color: #d3d9df;
   color: #212529;
 }
-.btn-light:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
-}
 .active.btn-light {
   background-color: #dae0e5;
   border-color: #d3d9df;
@@ -1655,7 +1616,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-light {
   background-color: #e2e6ea;
   border-color: #dae0e5;
-  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
   color: #212529;
 }
 .btn-dark {
@@ -1671,7 +1631,6 @@ input[type=button].btn-block {
 .btn-dark:focus, .focus.btn-dark {
   background-color: #23272b;
   border-color: #1d2124;
-  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
   color: #fff;
 }
 .btn-dark:active {
@@ -1679,9 +1638,6 @@ input[type=button].btn-block {
   border-color: #171a1d;
   color: #fff;
 }
-.btn-dark:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
-}
 .active.btn-dark {
   background-color: #1d2124;
   border-color: #171a1d;
@@ -1700,7 +1656,6 @@ input[type=button].btn-block {
 .form-file-input:focus + .btn-dark {
   background-color: #23272b;
   border-color: #1d2124;
-  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
   color: #fff;
 }
 .btn-link {
@@ -1742,6 +1697,9 @@ input[type=button].btn-block {
   border-color: #007bff;
   color: #fff;
 }
+.btn-outline-primary:active:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
 .active.btn-outline-primary {
   background-color: #007bff;
   border-color: #007bff;
@@ -5448,49 +5406,49 @@ input[type=button].btn-block {
 .rounded-0 .card-header,
 .rounded-0 .card-item-first {
   border-top-left-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
   border-top-right-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
 }
 .rounded-0 .card-footer,
 .rounded-0 .card-item-last {
   border-bottom-left-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
   border-bottom-right-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
 }
 .rounded-0 .autofit-col:first-child {
   border-bottom-left-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
   border-top-left-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
 }
 .rounded-0 .autofit-col:first-child .card-item-first {
   border-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 ) 0 0 calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
 }
 .rounded-0 .autofit-col:last-child {
   border-bottom-right-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
   border-top-right-radius: calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 );
 }
 .rounded-0 .autofit-col:last-child .card-item-last {
   border-radius: 0 calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 ) calc(
-	0 - 0.0625rem
+	0px - 0.0625rem
 ) 0;
 }
 
@@ -6115,7 +6073,7 @@ input[type=button].btn-block {
   color: #212529;
 }
 .card-type-template .aspect-ratio {
-  border-width: 0;
+  border-width: 0px;
   color: #6c757d;
   text-align: center;
   padding-bottom: calc(9 / 16 * 100%);
@@ -6213,8 +6171,8 @@ input[type=button].btn-block {
 
 .dropdown-item {
   background-color: transparent;
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   clear: both;
   color: #212529;
   cursor: pointer;
@@ -7252,7 +7210,7 @@ div.form-control-sm {
 }
 .form-control-inset {
   background-color: transparent;
-  border-width: 0;
+  border-width: 0px;
   color: #495057;
   flex-grow: 1;
   margin-bottom: 0.125rem;
@@ -7350,7 +7308,6 @@ textarea.form-control-plaintext,
   height: 150px;
   resize: vertical;
 }
-
 .form-control-file {
   cursor: pointer;
   display: block;
@@ -7455,59 +7412,36 @@ textarea.form-control-plaintext,
   border-radius: 0.3rem;
   font-size: 1.25rem;
   height: 3rem;
+  line-height: 1.5;
   padding-bottom: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.5rem;
 }
-
 textarea.form-control-lg,
 .form-control-lg.form-control-textarea {
   height: 190px;
 }
-
-.form-control-sm {
-  border-radius: 0.2rem;
-  font-size: 0.875rem;
-  height: 1.9375rem;
-  line-height: 1.5;
-  padding: 0.25rem 0.5rem;
-}
-
-.form-control-lg {
-  border-radius: 0.3rem;
-  font-size: 1.25rem;
-  height: 3rem;
-  line-height: 1.5;
-  padding: 0.5rem 1rem;
-}
-
 .form-group-sm .form-control,
 .form-group-sm .form-control-plaintext, .form-control-sm {
   border-radius: 0.2rem;
   font-size: 0.875rem;
   height: 1.9375rem;
+  line-height: 1.5;
   padding-bottom: 0.25rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.25rem;
 }
-
 .form-group-sm select.form-control, .form-control-select.form-control-sm {
   height: 1.9375rem;
   padding-right: 2em;
 }
-
 .form-group-sm textarea.form-control,
-.form-group-sm .form-control.form-control-textarea {
-  height: 120px;
-}
-
-textarea.form-control-sm,
+.form-group-sm .form-control.form-control-textarea, textarea.form-control-sm,
 .form-control-sm.form-control-textarea {
   height: 120px;
 }
-
 .form-group {
   margin-bottom: 1rem;
 }
@@ -7891,7 +7825,7 @@ button.link-outline {
   background-color: transparent;
   border-color: transparent;
   border-radius: 0.25rem;
-  border-width: 0;
+  border-width: 0px;
   color: #6c757d;
   display: inline-flex;
   height: 1.9375rem;
@@ -7961,7 +7895,7 @@ button.link-outline {
   flex-direction: column;
 }
 .clay-range .input-group-text {
-  border-width: 0;
+  border-width: 0px;
   color: #212529;
   font-size: 0.875rem;
   font-weight: 500;
@@ -8049,7 +7983,7 @@ button.link-outline {
 .clay-range-input .clay-range-thumb {
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -8079,7 +8013,7 @@ button.link-outline {
   appearance: none;
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -8102,7 +8036,7 @@ button.link-outline {
   appearance: none;
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   width: 1.5rem;
@@ -8128,7 +8062,7 @@ button.link-outline {
   appearance: none;
   background-color: #fff;
   border-radius: 100px;
-  border-width: 0;
+  border-width: 0px;
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -9031,7 +8965,7 @@ label.custom-control-label {
 .clay-time-inner-spin .btn {
   align-items: center;
   border-radius: 8px;
-  border-width: 0;
+  border-width: 0px;
   display: inline-flex;
   font-size: 8px;
   height: auto;
@@ -9146,7 +9080,7 @@ label.custom-control-label {
 
 .date-picker-calendar-item {
   align-items: center;
-  border-width: 0;
+  border-width: 0px;
   display: inline-flex;
   flex-shrink: 0;
   font-weight: 500;
@@ -10878,8 +10812,8 @@ label.custom-control-label {
 }
 .list-group-notification .list-group-item-primary {
   background-color: #fff;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  border-bottom-left-radius: 0px;
+  border-top-left-radius: 0px;
   box-shadow: inset 0.5rem 0 #b8daff, inset -0.0625rem 0 rgba(0, 0, 0, 0.125), inset 0 0.0625rem rgba(0, 0, 0, 0.125), inset 0 -0.0625rem rgba(0, 0, 0, 0.125);
 }
 .list-group-notification .list-group-item-primary.active {
@@ -11552,7 +11486,7 @@ label.custom-control-label {
   align-items: center;
   background-color: #e9ecef;
   border-radius: 0.25rem;
-  border-width: 0;
+  border-width: 0px;
   color: rgba(0, 0, 0, 0.5);
   cursor: pointer;
   display: flex;
@@ -15298,6 +15232,12 @@ label.custom-control-label {
 .management-bar-primary .navbar-nav .btn-unstyled.active {
   color: rgba(0, 0, 0, 0.9);
 }
+.management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled,
+.management-bar-primary .navbar-nav .btn-unstyled:disabled,
+.management-bar-primary .navbar-nav .btn-unstyled.disabled {
+  color: rgba(0, 0, 0, 0.3);
+  opacity: 1;
+}
 .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
 .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],
 .management-bar-primary .navbar-nav .btn-unstyled.show {
@@ -15309,6 +15249,10 @@ label.custom-control-label {
 .management-bar-primary .navbar-brand.active {
   color: rgba(0, 0, 0, 0.9);
 }
+.management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
+  color: rgba(0, 0, 0, 0.3);
+  opacity: 1;
+}
 .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -15896,7 +15840,7 @@ label.custom-control-label {
 .page-link {
   align-items: center;
   background-color: #fff;
-  border-radius: 0;
+  border-radius: 0px;
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0.0625rem;
@@ -16454,13 +16398,13 @@ label.custom-control-label {
 }
 .panel-unstyled {
   background-color: transparent;
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   margin-bottom: 1.5rem;
 }
 .panel-unstyled .panel-header {
   border-color: #adb5bd;
-  border-radius: 0;
+  border-radius: 0px;
   border-style: solid;
   border-width: 0 0 1px 0;
   padding-left: 0;
@@ -16532,7 +16476,17 @@ label.custom-control-label {
 .popover .inline-scroller {
   max-height: 14.75rem;
 }
-
+.popover-secondary {
+  box-shadow: 0 8px 16px 0 rgba(0, 123, 255, 0.16);
+}
+.popover-secondary .popover-header {
+  background-color: transparent;
+  border-color: transparent;
+  padding-bottom: 0;
+}
+.popover-secondary .close {
+  color: #6c757d;
+}
 .bs-popover-bottom,
 .bs-popover-auto[x-placement^=bottom] {
   margin-top: 0.5rem;
@@ -16656,14 +16610,15 @@ label.custom-control-label {
 .popover-header:empty {
   display: none;
 }
-
 .popover-body {
   border-bottom-left-radius: 0.2375rem;
   border-bottom-right-radius: 0.2375rem;
   color: #212529;
   padding: 0.5rem 0.75rem;
 }
-
+.popover-width-lg {
+  max-width: 421px;
+}
 .clay-popover-top,
 .clay-popover-top-left,
 .clay-popover-top-right {
@@ -17149,7 +17104,7 @@ a.sheet-subtitle:hover {
 }
 
 .sheet-dataset-content .sheet-header {
-  border-width: 0;
+  border-width: 0px;
   margin: -1.5rem -1.5rem 1.5rem;
   padding: 1rem 1.5rem;
 }
@@ -17696,8 +17651,8 @@ caption {
 .table thead td,
 .table thead th {
   background-color: #fff;
-  border-bottom: 0.125rem solid #dee2e6;
-  border-top-width: 0;
+  border-bottom: calc(2 * 0.0625rem) solid #dee2e6;
+  border-top-width: 0px;
   vertical-align: bottom;
 }
 .table th {
@@ -17712,8 +17667,8 @@ caption {
 .table td {
   background-clip: padding-box;
   border-bottom-width: 0.0625rem;
-  border-left-width: 0;
-  border-right-width: 0;
+  border-left-width: 0px;
+  border-right-width: 0px;
   border-top-width: 0.0625rem;
   border-color: #dee2e6;
   border-style: solid;
@@ -17732,7 +17687,7 @@ caption {
   padding-right: 15px;
 }
 .table tbody + tbody {
-  border-top: 0.125rem solid #dee2e6;
+  border-top: calc(2 * 0.0625rem) solid #dee2e6;
 }
 .table caption {
   caption-side: top;
@@ -17769,8 +17724,7 @@ caption {
 }
 .table-bordered thead td,
 .table-bordered thead th {
-  border-bottom-width: 0.125rem;
-  border-top-width: 0.0625rem;
+  border-bottom-width: calc(2 * 0.0625rem);
 }
 .table-bordered td,
 .table-bordered th {
@@ -18924,8 +18878,8 @@ caption {
   padding-right: 0.25rem;
 }
 .subnav-tbar-primary .tbar-link-monospaced {
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   height: 3rem;
   margin-bottom: -0.625rem;
   margin-top: -0.625rem;
@@ -19013,8 +18967,8 @@ caption {
 }
 .tbar-stacked .tbar-btn-monospaced {
   border-color: transparent;
-  border-radius: 0;
-  border-width: 0;
+  border-radius: 0px;
+  border-width: 0px;
   color: inherit;
   height: 2.5rem;
   margin-bottom: 0;
@@ -19028,10 +18982,10 @@ caption {
   width: 2.5rem;
 }
 .tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
-  box-shadow: inset 0 0 0 0.125rem #75b8ff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #75b8ff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #75b8ff , inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #75b8ff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -19044,7 +18998,7 @@ caption {
 }
 .tbar-light {
   background-color: #fff;
-  box-shadow: inset 1px 0 0 0 #e9ecef , inset -1px 0 0 0 #e9ecef;
+  box-shadow: inset 1px 0 0 0 #e9ecef, inset -1px 0 0 0 #e9ecef;
   color: #6c757d;
 }
 .tbar-light .tbar-divider-before::before {
@@ -19079,7 +19033,7 @@ caption {
 }
 .tbar-dark-l2 {
   background-color: #828e9a;
-  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
+  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
   border-color: rgba(255, 255, 255, 0.06);
   color: #adb5bd;
 }
@@ -19115,7 +19069,7 @@ caption {
 }
 .tbar-dark-d1 {
   background-color: #23272b;
-  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
+  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
   color: #adb5bd;
 }
 .tbar-dark-d1 .tbar-divider-before::before {
@@ -20241,7 +20195,7 @@ caption {
   appearance: none;
   background-color: transparent;
   border-radius: 0.2rem;
-  border-width: 0;
+  border-width: 0px;
   color: #000;
   cursor: pointer;
   display: inline-flex;
@@ -23185,7 +23139,7 @@ button.bg-dark:focus {
 }
 
 .rounded-0 {
-  border-radius: 0 !important;
+  border-radius: 0px !important;
 }
 
 .clearfix::after {