@open-condo/ui 1.12.2 → 1.13.0

package/dist/styles.css

@@ -2663,6 +2663,281 @@ a.condo-btn-sm {
   opacity: 0;
 }
 
+/* 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 */
+.condo-tooltip {
+  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: absolute;
+  z-index: 1070;
+  display: block;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  width: intrinsic;
+  max-width: 250px;
+  visibility: visible;
+}
+.condo-tooltip-content {
+  position: relative;
+}
+.condo-tooltip-hidden {
+  display: none;
+}
+.condo-tooltip-placement-top,
+.condo-tooltip-placement-topLeft,
+.condo-tooltip-placement-topRight {
+  padding-bottom: 14.3137085px;
+}
+.condo-tooltip-placement-right,
+.condo-tooltip-placement-rightTop,
+.condo-tooltip-placement-rightBottom {
+  padding-left: 14.3137085px;
+}
+.condo-tooltip-placement-bottom,
+.condo-tooltip-placement-bottomLeft,
+.condo-tooltip-placement-bottomRight {
+  padding-top: 14.3137085px;
+}
+.condo-tooltip-placement-left,
+.condo-tooltip-placement-leftTop,
+.condo-tooltip-placement-leftBottom {
+  padding-right: 14.3137085px;
+}
+.condo-tooltip-inner {
+  min-width: 30px;
+  min-height: 32px;
+  padding: 6px 8px;
+  color: #fff;
+  text-align: left;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.condo-tooltip-arrow {
+  position: absolute;
+  z-index: 2;
+  display: block;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.condo-tooltip-arrow-content {
+  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 11.3137085px;
+  height: 11.3137085px;
+  margin: auto;
+  content: '';
+  pointer-events: auto;
+  border-radius: 0 0 2px;
+  pointer-events: none;
+}
+.condo-tooltip-arrow-content::before {
+  position: absolute;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: var(--antd-arrow-background-color);
+  background-repeat: no-repeat;
+  background-position: -10px -10px;
+  content: '';
+  -webkit-clip-path: inset(33% 33%);
+          clip-path: inset(33% 33%);
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow,
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow,
+.condo-tooltip-placement-topRight .condo-tooltip-arrow {
+  bottom: 0;
+  transform: translateY(100%);
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow-content,
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow-content,
+.condo-tooltip-placement-topRight .condo-tooltip-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(-11px) rotate(45deg);
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow {
+  left: 50%;
+  transform: translateY(100%) translateX(-50%);
+}
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow {
+  left: 13px;
+}
+.condo-tooltip-placement-topRight .condo-tooltip-arrow {
+  right: 13px;
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow,
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow,
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
+  left: 0;
+  transform: translateX(-100%);
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow-content,
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow-content,
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow-content {
+  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(11px) rotate(135deg);
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow {
+  top: 50%;
+  transform: translateX(-100%) translateY(-50%);
+}
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow {
+  top: 5px;
+}
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
+  bottom: 5px;
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow,
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow,
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
+  right: 0;
+  transform: translateX(100%);
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow-content,
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow-content,
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow-content {
+  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(-11px) rotate(315deg);
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow {
+  top: 50%;
+  transform: translateX(100%) translateY(-50%);
+}
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow {
+  top: 5px;
+}
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
+  bottom: 5px;
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow,
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow,
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
+  top: 0;
+  transform: translateY(-100%);
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow-content,
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow-content,
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow-content {
+  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(11px) rotate(225deg);
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow {
+  left: 50%;
+  transform: translateY(-100%) translateX(-50%);
+}
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow {
+  left: 13px;
+}
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
+  right: 13px;
+}
+.condo-tooltip-pink .condo-tooltip-inner {
+  background-color: #eb2f96;
+}
+.condo-tooltip-pink .condo-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.condo-tooltip-magenta .condo-tooltip-inner {
+  background-color: #eb2f96;
+}
+.condo-tooltip-magenta .condo-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.condo-tooltip-red .condo-tooltip-inner {
+  background-color: #f5222d;
+}
+.condo-tooltip-red .condo-tooltip-arrow-content::before {
+  background: #f5222d;
+}
+.condo-tooltip-volcano .condo-tooltip-inner {
+  background-color: #fa541c;
+}
+.condo-tooltip-volcano .condo-tooltip-arrow-content::before {
+  background: #fa541c;
+}
+.condo-tooltip-orange .condo-tooltip-inner {
+  background-color: #fa8c16;
+}
+.condo-tooltip-orange .condo-tooltip-arrow-content::before {
+  background: #fa8c16;
+}
+.condo-tooltip-yellow .condo-tooltip-inner {
+  background-color: #fadb14;
+}
+.condo-tooltip-yellow .condo-tooltip-arrow-content::before {
+  background: #fadb14;
+}
+.condo-tooltip-gold .condo-tooltip-inner {
+  background-color: #faad14;
+}
+.condo-tooltip-gold .condo-tooltip-arrow-content::before {
+  background: #faad14;
+}
+.condo-tooltip-cyan .condo-tooltip-inner {
+  background-color: #13c2c2;
+}
+.condo-tooltip-cyan .condo-tooltip-arrow-content::before {
+  background: #13c2c2;
+}
+.condo-tooltip-lime .condo-tooltip-inner {
+  background-color: #a0d911;
+}
+.condo-tooltip-lime .condo-tooltip-arrow-content::before {
+  background: #a0d911;
+}
+.condo-tooltip-green .condo-tooltip-inner {
+  background-color: #52c41a;
+}
+.condo-tooltip-green .condo-tooltip-arrow-content::before {
+  background: #52c41a;
+}
+.condo-tooltip-blue .condo-tooltip-inner {
+  background-color: #1890ff;
+}
+.condo-tooltip-blue .condo-tooltip-arrow-content::before {
+  background: #1890ff;
+}
+.condo-tooltip-geekblue .condo-tooltip-inner {
+  background-color: #2f54eb;
+}
+.condo-tooltip-geekblue .condo-tooltip-arrow-content::before {
+  background: #2f54eb;
+}
+.condo-tooltip-purple .condo-tooltip-inner {
+  background-color: #722ed1;
+}
+.condo-tooltip-purple .condo-tooltip-arrow-content::before {
+  background: #722ed1;
+}
+.condo-tooltip-rtl {
+  direction: rtl;
+}
+.condo-tooltip-rtl .condo-tooltip-inner {
+  text-align: right;
+}
 .condo-typography {
   color: #222;
   word-break: break-word;
@@ -2950,6 +3225,19 @@ span.condo-typography-ellipsis-single-line {
   /*! autoprefixer: ignore next */
   -webkit-box-orient: vertical;
 }
+.condo-tooltip > .condo-tooltip-content .condo-tooltip-inner {
+  padding: 12px;
+  color: #222;
+  font-size: 12px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 20px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
+}
+.condo-tooltip > .condo-tooltip-content .condo-tooltip-arrow {
+  display: none;
+}
 
 .condo-promo-block {
   display: flex;
@@ -4070,6 +4358,617 @@ span.condo-typography-ellipsis-single-line {
   border-color: transparent;
 }
 
+/* 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 */
+.condo-list {
+  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;
+}
+.condo-list * {
+  outline: none;
+}
+.condo-list-pagination {
+  margin-top: 24px;
+  text-align: right;
+}
+.condo-list-pagination .condo-pagination-options {
+  text-align: left;
+}
+.condo-list-more {
+  margin-top: 12px;
+  text-align: center;
+}
+.condo-list-more button {
+  padding-right: 32px;
+  padding-left: 32px;
+}
+.condo-list-spin {
+  min-height: 40px;
+  text-align: center;
+}
+.condo-list-empty-text {
+  padding: 16px;
+  color: rgba(0, 0, 0, 0.25);
+  font-size: 14px;
+  text-align: center;
+}
+.condo-list-items {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.condo-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 0;
+  color: rgba(0, 0, 0, 0.85);
+}
+.condo-list-item-meta {
+  display: flex;
+  flex: 1;
+  align-items: flex-start;
+  max-width: 100%;
+}
+.condo-list-item-meta-avatar {
+  margin-right: 16px;
+}
+.condo-list-item-meta-content {
+  flex: 1 0;
+  width: 0;
+  color: rgba(0, 0, 0, 0.85);
+}
+.condo-list-item-meta-title {
+  margin-bottom: 4px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  line-height: 1.5715;
+}
+.condo-list-item-meta-title > a {
+  color: rgba(0, 0, 0, 0.85);
+  transition: all 0.3s;
+}
+.condo-list-item-meta-title > a:hover {
+  color: #1890ff;
+}
+.condo-list-item-meta-description {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 1.5715;
+}
+.condo-list-item-action {
+  flex: 0 0 auto;
+  margin-left: 48px;
+  padding: 0;
+  font-size: 0;
+  list-style: none;
+}
+.condo-list-item-action > li {
+  position: relative;
+  display: inline-block;
+  padding: 0 8px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 1.5715;
+  text-align: center;
+}
+.condo-list-item-action > li:first-child {
+  padding-left: 0;
+}
+.condo-list-item-action-split {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 1px;
+  height: 14px;
+  margin-top: -7px;
+  background-color: #f0f0f0;
+}
+.condo-list-header {
+  background: transparent;
+}
+.condo-list-footer {
+  background: transparent;
+}
+.condo-list-header,
+.condo-list-footer {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.condo-list-empty {
+  padding: 16px 0;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  text-align: center;
+}
+.condo-list-split .condo-list-item {
+  border-bottom: 1px solid #f0f0f0;
+}
+.condo-list-split .condo-list-item:last-child {
+  border-bottom: none;
+}
+.condo-list-split .condo-list-header {
+  border-bottom: 1px solid #f0f0f0;
+}
+.condo-list-split.condo-list-empty .condo-list-footer {
+  border-top: 1px solid #f0f0f0;
+}
+.condo-list-loading .condo-list-spin-nested-loading {
+  min-height: 32px;
+}
+.condo-list-split.condo-list-something-after-last-item .condo-spin-container > .condo-list-items > .condo-list-item:last-child {
+  border-bottom: 1px solid #f0f0f0;
+}
+.condo-list-lg .condo-list-item {
+  padding: 16px 24px;
+}
+.condo-list-sm .condo-list-item {
+  padding: 8px 16px;
+}
+.condo-list-vertical .condo-list-item {
+  align-items: initial;
+}
+.condo-list-vertical .condo-list-item-main {
+  display: block;
+  flex: 1;
+}
+.condo-list-vertical .condo-list-item-extra {
+  margin-left: 40px;
+}
+.condo-list-vertical .condo-list-item-meta {
+  margin-bottom: 16px;
+}
+.condo-list-vertical .condo-list-item-meta-title {
+  margin-bottom: 12px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 16px;
+  line-height: 24px;
+}
+.condo-list-vertical .condo-list-item-action {
+  margin-top: 16px;
+  margin-left: auto;
+}
+.condo-list-vertical .condo-list-item-action > li {
+  padding: 0 16px;
+}
+.condo-list-vertical .condo-list-item-action > li:first-child {
+  padding-left: 0;
+}
+.condo-list-grid .condo-col > .condo-list-item {
+  display: block;
+  max-width: 100%;
+  margin-bottom: 16px;
+  padding-top: 0;
+  padding-bottom: 0;
+  border-bottom: none;
+}
+.condo-list-item-no-flex {
+  display: block;
+}
+.condo-list:not(.condo-list-vertical) .condo-list-item-no-flex .condo-list-item-action {
+  float: right;
+}
+.condo-list-bordered {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+}
+.condo-list-bordered .condo-list-header {
+  padding-right: 24px;
+  padding-left: 24px;
+}
+.condo-list-bordered .condo-list-footer {
+  padding-right: 24px;
+  padding-left: 24px;
+}
+.condo-list-bordered .condo-list-item {
+  padding-right: 24px;
+  padding-left: 24px;
+}
+.condo-list-bordered .condo-list-pagination {
+  margin: 16px 24px;
+}
+.condo-list-bordered.condo-list-sm .condo-list-item {
+  padding: 8px 16px;
+}
+.condo-list-bordered.condo-list-sm .condo-list-header,
+.condo-list-bordered.condo-list-sm .condo-list-footer {
+  padding: 8px 16px;
+}
+.condo-list-bordered.condo-list-lg .condo-list-item {
+  padding: 16px 24px;
+}
+.condo-list-bordered.condo-list-lg .condo-list-header,
+.condo-list-bordered.condo-list-lg .condo-list-footer {
+  padding: 16px 24px;
+}
+@media screen and (max-width: 768px) {
+  .condo-list-item-action {
+    margin-left: 24px;
+  }
+  .condo-list-vertical .condo-list-item-extra {
+    margin-left: 24px;
+  }
+}
+@media screen and (max-width: 576px) {
+  .condo-list-item {
+    flex-wrap: wrap;
+  }
+  .condo-list-item-action {
+    margin-left: 12px;
+  }
+  .condo-list-vertical .condo-list-item {
+    flex-wrap: wrap-reverse;
+  }
+  .condo-list-vertical .condo-list-item-main {
+    min-width: 220px;
+  }
+  .condo-list-vertical .condo-list-item-extra {
+    margin: auto auto 16px;
+  }
+}
+.condo-list-rtl {
+  direction: rtl;
+  text-align: right;
+}
+.condo-list-rtl .ReactVirtualized__List .condo-list-item {
+  direction: rtl;
+}
+.condo-list-rtl .condo-list-pagination {
+  text-align: left;
+}
+.condo-list-rtl .condo-list-item-meta-avatar {
+  margin-right: 0;
+  margin-left: 16px;
+}
+.condo-list-rtl .condo-list-item-action {
+  margin-right: 48px;
+  margin-left: 0;
+}
+.condo-list.condo-list-rtl .condo-list-item-action > li:first-child {
+  padding-right: 0;
+  padding-left: 16px;
+}
+.condo-list-rtl .condo-list-item-action-split {
+  right: auto;
+  left: 0;
+}
+.condo-list-rtl.condo-list-vertical .condo-list-item-extra {
+  margin-right: 40px;
+  margin-left: 0;
+}
+.condo-list-rtl.condo-list-vertical .condo-list-item-action {
+  margin-right: auto;
+}
+.condo-list-rtl .condo-list-vertical .condo-list-item-action > li:first-child {
+  padding-right: 0;
+  padding-left: 16px;
+}
+.condo-list-rtl .condo-list:not(.condo-list-vertical) .condo-list-item-no-flex .condo-list-item-action {
+  float: left;
+}
+@media screen and (max-width: 768px) {
+  .condo-list-rtl .condo-list-item-action {
+    margin-right: 24px;
+    margin-left: 0;
+  }
+  .condo-list-rtl .condo-list-vertical .condo-list-item-extra {
+    margin-right: 24px;
+    margin-left: 0;
+  }
+}
+@media screen and (max-width: 576px) {
+  .condo-list-rtl .condo-list-item-action {
+    margin-right: 22px;
+    margin-left: 0;
+  }
+  .condo-list-rtl.condo-list-vertical .condo-list-item-extra {
+    margin: auto auto 16px;
+  }
+}
+.condo-tooltip {
+  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: absolute;
+  z-index: 1070;
+  display: block;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  width: intrinsic;
+  max-width: 250px;
+  visibility: visible;
+}
+.condo-tooltip-content {
+  position: relative;
+}
+.condo-tooltip-hidden {
+  display: none;
+}
+.condo-tooltip-placement-top,
+.condo-tooltip-placement-topLeft,
+.condo-tooltip-placement-topRight {
+  padding-bottom: 14.3137085px;
+}
+.condo-tooltip-placement-right,
+.condo-tooltip-placement-rightTop,
+.condo-tooltip-placement-rightBottom {
+  padding-left: 14.3137085px;
+}
+.condo-tooltip-placement-bottom,
+.condo-tooltip-placement-bottomLeft,
+.condo-tooltip-placement-bottomRight {
+  padding-top: 14.3137085px;
+}
+.condo-tooltip-placement-left,
+.condo-tooltip-placement-leftTop,
+.condo-tooltip-placement-leftBottom {
+  padding-right: 14.3137085px;
+}
+.condo-tooltip-inner {
+  min-width: 30px;
+  min-height: 32px;
+  padding: 6px 8px;
+  color: #fff;
+  text-align: left;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.condo-tooltip-arrow {
+  position: absolute;
+  z-index: 2;
+  display: block;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.condo-tooltip-arrow-content {
+  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 11.3137085px;
+  height: 11.3137085px;
+  margin: auto;
+  content: '';
+  pointer-events: auto;
+  border-radius: 0 0 2px;
+  pointer-events: none;
+}
+.condo-tooltip-arrow-content::before {
+  position: absolute;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: var(--antd-arrow-background-color);
+  background-repeat: no-repeat;
+  background-position: -10px -10px;
+  content: '';
+  -webkit-clip-path: inset(33% 33%);
+          clip-path: inset(33% 33%);
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow,
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow,
+.condo-tooltip-placement-topRight .condo-tooltip-arrow {
+  bottom: 0;
+  transform: translateY(100%);
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow-content,
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow-content,
+.condo-tooltip-placement-topRight .condo-tooltip-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(-11px) rotate(45deg);
+}
+.condo-tooltip-placement-top .condo-tooltip-arrow {
+  left: 50%;
+  transform: translateY(100%) translateX(-50%);
+}
+.condo-tooltip-placement-topLeft .condo-tooltip-arrow {
+  left: 13px;
+}
+.condo-tooltip-placement-topRight .condo-tooltip-arrow {
+  right: 13px;
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow,
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow,
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
+  left: 0;
+  transform: translateX(-100%);
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow-content,
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow-content,
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow-content {
+  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(11px) rotate(135deg);
+}
+.condo-tooltip-placement-right .condo-tooltip-arrow {
+  top: 50%;
+  transform: translateX(-100%) translateY(-50%);
+}
+.condo-tooltip-placement-rightTop .condo-tooltip-arrow {
+  top: 5px;
+}
+.condo-tooltip-placement-rightBottom .condo-tooltip-arrow {
+  bottom: 5px;
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow,
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow,
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
+  right: 0;
+  transform: translateX(100%);
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow-content,
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow-content,
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow-content {
+  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(-11px) rotate(315deg);
+}
+.condo-tooltip-placement-left .condo-tooltip-arrow {
+  top: 50%;
+  transform: translateX(100%) translateY(-50%);
+}
+.condo-tooltip-placement-leftTop .condo-tooltip-arrow {
+  top: 5px;
+}
+.condo-tooltip-placement-leftBottom .condo-tooltip-arrow {
+  bottom: 5px;
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow,
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow,
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
+  top: 0;
+  transform: translateY(-100%);
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow-content,
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow-content,
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow-content {
+  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(11px) rotate(225deg);
+}
+.condo-tooltip-placement-bottom .condo-tooltip-arrow {
+  left: 50%;
+  transform: translateY(-100%) translateX(-50%);
+}
+.condo-tooltip-placement-bottomLeft .condo-tooltip-arrow {
+  left: 13px;
+}
+.condo-tooltip-placement-bottomRight .condo-tooltip-arrow {
+  right: 13px;
+}
+.condo-tooltip-pink .condo-tooltip-inner {
+  background-color: #eb2f96;
+}
+.condo-tooltip-pink .condo-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.condo-tooltip-magenta .condo-tooltip-inner {
+  background-color: #eb2f96;
+}
+.condo-tooltip-magenta .condo-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.condo-tooltip-red .condo-tooltip-inner {
+  background-color: #f5222d;
+}
+.condo-tooltip-red .condo-tooltip-arrow-content::before {
+  background: #f5222d;
+}
+.condo-tooltip-volcano .condo-tooltip-inner {
+  background-color: #fa541c;
+}
+.condo-tooltip-volcano .condo-tooltip-arrow-content::before {
+  background: #fa541c;
+}
+.condo-tooltip-orange .condo-tooltip-inner {
+  background-color: #fa8c16;
+}
+.condo-tooltip-orange .condo-tooltip-arrow-content::before {
+  background: #fa8c16;
+}
+.condo-tooltip-yellow .condo-tooltip-inner {
+  background-color: #fadb14;
+}
+.condo-tooltip-yellow .condo-tooltip-arrow-content::before {
+  background: #fadb14;
+}
+.condo-tooltip-gold .condo-tooltip-inner {
+  background-color: #faad14;
+}
+.condo-tooltip-gold .condo-tooltip-arrow-content::before {
+  background: #faad14;
+}
+.condo-tooltip-cyan .condo-tooltip-inner {
+  background-color: #13c2c2;
+}
+.condo-tooltip-cyan .condo-tooltip-arrow-content::before {
+  background: #13c2c2;
+}
+.condo-tooltip-lime .condo-tooltip-inner {
+  background-color: #a0d911;
+}
+.condo-tooltip-lime .condo-tooltip-arrow-content::before {
+  background: #a0d911;
+}
+.condo-tooltip-green .condo-tooltip-inner {
+  background-color: #52c41a;
+}
+.condo-tooltip-green .condo-tooltip-arrow-content::before {
+  background: #52c41a;
+}
+.condo-tooltip-blue .condo-tooltip-inner {
+  background-color: #1890ff;
+}
+.condo-tooltip-blue .condo-tooltip-arrow-content::before {
+  background: #1890ff;
+}
+.condo-tooltip-geekblue .condo-tooltip-inner {
+  background-color: #2f54eb;
+}
+.condo-tooltip-geekblue .condo-tooltip-arrow-content::before {
+  background: #2f54eb;
+}
+.condo-tooltip-purple .condo-tooltip-inner {
+  background-color: #722ed1;
+}
+.condo-tooltip-purple .condo-tooltip-arrow-content::before {
+  background: #722ed1;
+}
+.condo-tooltip-rtl {
+  direction: rtl;
+}
+.condo-tooltip-rtl .condo-tooltip-inner {
+  text-align: right;
+}
+.condo-list .condo-list-header {
+  padding-bottom: 24px;
+  border-bottom: none;
+}
+.condo-list .condo-list-item {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: end;
+  width: 100%;
+  border-bottom: none;
+}
+.condo-list .condo-list-item .condo-typography {
+  max-width: 40%;
+}
+.condo-list .condo-list-item .condo-typography:last-of-type {
+  text-align: right;
+}
+.condo-list .condo-list-item-divider {
+  flex: 1;
+  margin: 0 8px;
+  border-bottom: 1px solid #e1e5ed;
+}
+
 .condo-markdown h1,
 .condo-markdown h2,
 .condo-markdown h3,