@open-condo/ui 1.9.0 → 1.11.0

package/dist/styles.css

@@ -2443,11 +2443,11 @@ a.condo-btn-sm {
   color: #222;
   border: 1px solid #707695;
 }
-.condo-btn-secondary > .condo-btn-icon {
+.condo-btn-secondary > span {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary > .condo-btn-icon svg {
+.condo-btn-secondary > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary > .condo-btn-text {
@@ -2458,82 +2458,56 @@ a.condo-btn-sm {
   background: transparent;
   border: 1px solid #707695;
 }
-.condo-btn-secondary:not(.condo-btn-dangerous) > .condo-btn-text {
-  position: relative;
-  color: #222;
-}
-.condo-btn-secondary:not(.condo-btn-dangerous) > .condo-btn-text::before {
-  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%);
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: block;
-  border-radius: inherit;
-  content: "";
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  opacity: 0;
-  transition: opacity 0.15s ease-out;
-  content: attr(data-before);
-}
-.condo-btn-secondary:hover > .condo-btn-text::before {
-  opacity: 1;
-}
-.condo-btn-secondary:active > .condo-btn-text::before {
-  opacity: 0.8;
-}
 .condo-btn-secondary:hover {
   background: transparent;
 }
-.condo-btn-secondary:hover > .condo-btn-icon {
+.condo-btn-secondary:hover > span {
   color: #39ce66;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:hover > .condo-btn-icon svg {
+.condo-btn-secondary:hover > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary:active {
   background: transparent;
 }
-.condo-btn-secondary:active > .condo-btn-icon {
+.condo-btn-secondary:active > span {
   color: #00b538;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:active > .condo-btn-icon svg {
+.condo-btn-secondary:active > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary.condo-btn-dangerous {
   border: 1px solid #ff3b30;
 }
-.condo-btn-secondary.condo-btn-dangerous > .condo-btn-icon {
+.condo-btn-secondary.condo-btn-dangerous > span {
   color: #ff3b30;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-dangerous > .condo-btn-icon svg {
+.condo-btn-secondary.condo-btn-dangerous > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary.condo-btn-dangerous > .condo-btn-text {
   color: #ff3b30;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-dangerous:hover > .condo-btn-icon {
+.condo-btn-secondary.condo-btn-dangerous:hover > span {
   color: #ec0000;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-dangerous:hover > .condo-btn-icon svg {
+.condo-btn-secondary.condo-btn-dangerous:hover > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary.condo-btn-dangerous:hover > .condo-btn-text {
   color: #ec0000;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-dangerous:active > .condo-btn-icon {
+.condo-btn-secondary.condo-btn-dangerous:active > span {
   color: #ff3b30;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-dangerous:active > .condo-btn-icon svg {
+.condo-btn-secondary.condo-btn-dangerous:active > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary.condo-btn-dangerous:active > .condo-btn-text {
@@ -2550,15 +2524,15 @@ a.condo-btn-sm {
 .condo-btn-secondary.condo-btn-dangerous:active::before {
   background: #ff3b30 border-box;
 }
-.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover > .condo-btn-icon,
-.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active > .condo-btn-icon,
-.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:focus > .condo-btn-icon {
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover > span,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active > span,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:focus > span {
   color: #ff3b30;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover > .condo-btn-icon svg,
-.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active > .condo-btn-icon svg,
-.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:focus > .condo-btn-icon svg {
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover > span svg,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active > span svg,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:focus > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover > .condo-btn-text,
@@ -2611,28 +2585,25 @@ a.condo-btn-sm {
   border: 1px solid #707695;
   opacity: 0.5;
 }
-.condo-btn-secondary:disabled > .condo-btn-icon {
+.condo-btn-secondary:disabled > span {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled > .condo-btn-icon svg {
+.condo-btn-secondary:disabled > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary:disabled > .condo-btn-text {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled > .condo-btn-text::before {
-  opacity: 0;
-}
 .condo-btn-secondary:disabled::before {
   opacity: 0;
 }
-.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > .condo-btn-icon {
+.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > span {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > .condo-btn-icon svg {
+.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous):hover {
@@ -2642,10 +2613,6 @@ a.condo-btn-sm {
 .condo-btn-secondary.condo-btn-stateless:active::before {
   opacity: 0;
 }
-.condo-btn-secondary.condo-btn-stateless:hover > .condo-btn-text::before,
-.condo-btn-secondary.condo-btn-stateless:active > .condo-btn-text::before {
-  opacity: 0;
-}
 .condo-btn-secondary:disabled:hover,
 .condo-btn-secondary:disabled:active,
 .condo-btn-secondary:disabled:focus,
@@ -2657,23 +2624,23 @@ a.condo-btn-sm {
   border: 1px solid #707695;
   opacity: 0.5;
 }
-.condo-btn-secondary:disabled:hover > .condo-btn-icon,
-.condo-btn-secondary:disabled:active > .condo-btn-icon,
-.condo-btn-secondary:disabled:focus > .condo-btn-icon,
-.condo-btn-secondary.condo-btn-dangerous:disabled > .condo-btn-icon,
-.condo-btn-secondary.condo-btn-dangerous:disabled:hover > .condo-btn-icon,
-.condo-btn-secondary.condo-btn-dangerous:disabled:active > .condo-btn-icon,
-.condo-btn-secondary.condo-btn-dangerous:disabled:focus > .condo-btn-icon {
+.condo-btn-secondary:disabled:hover > span,
+.condo-btn-secondary:disabled:active > span,
+.condo-btn-secondary:disabled:focus > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active > span,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus > span {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled:hover > .condo-btn-icon svg,
-.condo-btn-secondary:disabled:active > .condo-btn-icon svg,
-.condo-btn-secondary:disabled:focus > .condo-btn-icon svg,
-.condo-btn-secondary.condo-btn-dangerous:disabled > .condo-btn-icon svg,
-.condo-btn-secondary.condo-btn-dangerous:disabled:hover > .condo-btn-icon svg,
-.condo-btn-secondary.condo-btn-dangerous:disabled:active > .condo-btn-icon svg,
-.condo-btn-secondary.condo-btn-dangerous:disabled:focus > .condo-btn-icon svg {
+.condo-btn-secondary:disabled:hover > span svg,
+.condo-btn-secondary:disabled:active > span svg,
+.condo-btn-secondary:disabled:focus > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled:hover > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled:active > span svg,
+.condo-btn-secondary.condo-btn-dangerous:disabled:focus > span svg {
   fill: currentcolor;
 }
 .condo-btn-secondary:disabled:hover > .condo-btn-text,
@@ -2686,15 +2653,6 @@ a.condo-btn-sm {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled:hover > .condo-btn-text::before,
-.condo-btn-secondary:disabled:active > .condo-btn-text::before,
-.condo-btn-secondary:disabled:focus > .condo-btn-text::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled > .condo-btn-text::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled:hover > .condo-btn-text::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled:active > .condo-btn-text::before,
-.condo-btn-secondary.condo-btn-dangerous:disabled:focus > .condo-btn-text::before {
-  opacity: 0;
-}
 .condo-btn-secondary:disabled:hover::before,
 .condo-btn-secondary:disabled:active::before,
 .condo-btn-secondary:disabled:focus::before,
@@ -3334,10 +3292,12 @@ span.condo-typography-ellipsis-single-line {
 .condo-card-head {
   min-height: 0;
   padding: 24px;
+  overflow: hidden;
   border: 1px solid #e1e5ed;
   border-radius: 12px 12px 0 0;
 }
 .condo-card-body {
+  overflow: hidden;
   border: 1px solid #e1e5ed;
   border-radius: 12px;
 }
@@ -3710,7 +3670,7 @@ span.condo-typography-ellipsis-single-line {
 }
 .condo-carousel .slick-arrow.slick-prev {
   left: -20px;
-  transform: rotate(180deg);
+  transform: scaleX(-1);
 }
 .condo-carousel .slick-arrow.slick-disabled {
   display: none !important;
@@ -3723,6 +3683,393 @@ span.condo-typography-ellipsis-single-line {
   margin: 0 20px;
 }
 
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+@-webkit-keyframes antCheckboxEffect {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+}
+@keyframes antCheckboxEffect {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+}
+.condo-checkbox {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  position: relative;
+  top: 0.2em;
+  line-height: 1;
+  white-space: nowrap;
+  outline: none;
+  cursor: pointer;
+}
+.condo-checkbox-wrapper:hover .condo-checkbox-inner,
+.condo-checkbox:hover .condo-checkbox-inner,
+.condo-checkbox-input:focus + .condo-checkbox-inner {
+  border-color: #1890ff;
+}
+.condo-checkbox-checked::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #1890ff;
+  border-radius: 4px;
+  visibility: hidden;
+  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
+          animation: antCheckboxEffect 0.36s ease-in-out;
+  -webkit-animation-fill-mode: backwards;
+          animation-fill-mode: backwards;
+  content: '';
+}
+.condo-checkbox:hover::after,
+.condo-checkbox-wrapper:hover .condo-checkbox::after {
+  visibility: visible;
+}
+.condo-checkbox-inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 22px;
+  height: 22px;
+  direction: ltr;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  border-collapse: separate;
+  transition: all 0.3s;
+}
+.condo-checkbox-inner::after {
+  position: absolute;
+  top: 50%;
+  left: 21.5%;
+  display: table;
+  width: 7.85714286px;
+  height: 12.57142857px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  transform: rotate(45deg) scale(0) translate(-50%, -50%);
+  opacity: 0;
+  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
+  content: ' ';
+}
+.condo-checkbox-input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  opacity: 0;
+}
+.condo-checkbox-checked .condo-checkbox-inner::after {
+  position: absolute;
+  display: table;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+  content: ' ';
+}
+.condo-checkbox-checked .condo-checkbox-inner {
+  background-color: #1890ff;
+  border-color: #1890ff;
+}
+.condo-checkbox-disabled {
+  cursor: not-allowed;
+}
+.condo-checkbox-disabled.condo-checkbox-checked .condo-checkbox-inner::after {
+  border-color: rgba(0, 0, 0, 0.25);
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.condo-checkbox-disabled .condo-checkbox-input {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.condo-checkbox-disabled .condo-checkbox-inner {
+  border-color: #d9d9d9 !important;
+}
+.condo-checkbox-disabled .condo-checkbox-inner {
+  background-color: #f5f5f5;
+}
+.condo-checkbox-disabled .condo-checkbox-inner::after {
+  border-color: #f5f5f5;
+  border-collapse: separate;
+  -webkit-animation-name: none;
+          animation-name: none;
+}
+.condo-checkbox-disabled + span {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.condo-checkbox-disabled:hover::after,
+.condo-checkbox-wrapper:hover .condo-checkbox-disabled::after {
+  visibility: hidden;
+}
+.condo-checkbox-wrapper {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  display: inline-flex;
+  align-items: baseline;
+  line-height: inherit;
+  cursor: pointer;
+}
+.condo-checkbox-wrapper::after {
+  display: inline-block;
+  width: 0;
+  overflow: hidden;
+  content: '\a0';
+}
+.condo-checkbox-wrapper.condo-checkbox-wrapper-disabled {
+  cursor: not-allowed;
+}
+.condo-checkbox-wrapper + .condo-checkbox-wrapper {
+  margin-left: 8px;
+}
+.condo-checkbox-wrapper.condo-checkbox-wrapper-in-form-item input[type='checkbox'] {
+  width: 14px;
+  height: 14px;
+}
+.condo-checkbox + span {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+.condo-checkbox-group {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  display: inline-block;
+}
+.condo-checkbox-group-item {
+  margin-right: 8px;
+}
+.condo-checkbox-group-item:last-child {
+  margin-right: 0;
+}
+.condo-checkbox-group-item + .condo-checkbox-group-item {
+  margin-left: 0;
+}
+.condo-checkbox-indeterminate .condo-checkbox-inner {
+  background-color: #fff;
+  border-color: #d9d9d9;
+}
+.condo-checkbox-indeterminate .condo-checkbox-inner::after {
+  top: 50%;
+  left: 50%;
+  width: 14px;
+  height: 14px;
+  background-color: #1890ff;
+  border: 0;
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+  content: ' ';
+}
+.condo-checkbox-indeterminate.condo-checkbox-disabled .condo-checkbox-inner::after {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
+}
+.condo-checkbox-rtl {
+  direction: rtl;
+}
+.condo-checkbox-group-rtl .condo-checkbox-group-item {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.condo-checkbox-group-rtl .condo-checkbox-group-item:last-child {
+  margin-left: 0 !important;
+}
+.condo-checkbox-group-rtl .condo-checkbox-group-item + .condo-checkbox-group-item {
+  margin-left: 8px;
+}
+.condo-checkbox-wrapper {
+  align-items: center;
+}
+.condo-checkbox-wrapper .condo-checkbox {
+  top: 0;
+}
+.condo-checkbox-wrapper .condo-checkbox-input {
+  margin: 0;
+}
+.condo-checkbox-wrapper .condo-checkbox-inner {
+  border-color: #d0d3e5;
+}
+.condo-checkbox-wrapper .condo-checkbox-inner::after {
+  transition: none;
+}
+.condo-checkbox-wrapper .condo-checkbox-input:focus + .condo-checkbox-inner {
+  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  border-color: transparent;
+}
+.condo-checkbox-wrapper .condo-checkbox-input:focus + .condo-checkbox-inner::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  background: #fff border-box;
+  border-radius: 3px;
+  content: "";
+}
+.condo-checkbox-wrapper .condo-checkbox-indeterminate > .condo-checkbox-input:focus + .condo-checkbox-inner::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%) border-box;
+  border-radius: 3px;
+  content: "";
+}
+.condo-checkbox-wrapper .condo-checkbox-indeterminate > .condo-checkbox-inner::after {
+  width: 12px;
+  height: 4px;
+  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  border-radius: 1px;
+}
+.condo-checkbox-wrapper .condo-checkbox-indeterminate > .condo-checkbox-inner::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%) border-box;
+  border-radius: 3px;
+  content: "";
+}
+.condo-checkbox-wrapper .condo-checkbox-indeterminate.condo-checkbox-disabled > .condo-checkbox-inner::after {
+  background: #d0d3e5;
+}
+.condo-checkbox-wrapper .condo-checkbox-indeterminate.condo-checkbox-disabled > .condo-checkbox-inner::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  background: #fff border-box;
+  border-radius: 3px;
+  content: "";
+}
+.condo-checkbox-wrapper .condo-checkbox-checked::after {
+  border: none;
+}
+.condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-input:focus + .condo-checkbox-inner {
+  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  border-color: transparent;
+}
+.condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-input:focus + .condo-checkbox-inner::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%) border-box;
+  border-radius: 3px;
+  content: "";
+}
+.condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-inner {
+  background: #d0d3e5 border-box;
+  border-color: transparent;
+}
+.condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-inner::before {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, #e2ffeb 0%, #e7f4ff 100%) border-box;
+  border-radius: 3px;
+  content: "";
+}
+.condo-checkbox-wrapper .condo-checkbox-checked > .condo-checkbox-inner::after {
+  top: 10px;
+  left: 5px;
+  width: 4.5px;
+  height: 9.5px;
+  border-width: 3px;
+  border-image-source: linear-gradient(45deg, #4cd174 0%, #6db8f2 100%);
+  border-image-slice: 1;
+  transform: rotate(48deg) scale(1) translate(-50%, -50%);
+  transition: none;
+}
+.condo-checkbox-wrapper .condo-checkbox-disabled.condo-checkbox-checked > .condo-checkbox-inner::before {
+  background: #f2f4f6;
+}
+.condo-checkbox-wrapper .condo-checkbox-disabled.condo-checkbox-checked > .condo-checkbox-inner::after {
+  border-color: #d0d3e5;
+  border-image-source: none;
+}
+.condo-checkbox-wrapper .condo-checkbox-disabled > .condo-checkbox-inner {
+  border-color: #e1e5ed !important;
+}
+.condo-checkbox-wrapper .condo-checkbox-disabled > .condo-checkbox-inner {
+  background-color: #f2f4f6;
+}
+.condo-checkbox-wrapper .condo-checkbox::after {
+  position: absolute;
+  top: -4px;
+  left: -4px;
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border-radius: 4px;
+  visibility: visible;
+  content: '';
+}
+.condo-checkbox-wrapper:hover > .condo-checkbox > .condo-checkbox-inner {
+  border-color: #707695;
+}
+.condo-checkbox-wrapper:hover > .condo-checkbox::after {
+  visibility: visible;
+}
+.condo-checkbox-wrapper:hover > .condo-checkbox-checked > .condo-checkbox-inner {
+  background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
+  border-color: transparent;
+}
+.condo-checkbox-wrapper:hover > .condo-checkbox-checked > .condo-checkbox-inner::before {
+  border-radius: 3px;
+}
+.condo-checkbox-wrapper:hover > .condo-checkbox-disabled > .condo-checkbox-inner {
+  background: #f2f4f6 border-box;
+  border-color: transparent;
+}
+
 .condo-markdown h1:not(:first-child),
 .condo-markdown h2:not(:first-child),
 .condo-markdown h3:not(:first-child),