@open-condo/ui 1.5.0 → 1.6.0

package/dist/styles.css

@@ -2167,6 +2167,16 @@ a.condo-btn-sm {
 .condo-btn-primary:active::before {
   opacity: 0.9;
 }
+.condo-btn-primary.condo-btn-stateless:focus,
+.condo-btn-primary.condo-btn-stateless:hover,
+.condo-btn-primary.condo-btn-stateless:active {
+  background: #222;
+}
+.condo-btn-primary.condo-btn-stateless:focus::before,
+.condo-btn-primary.condo-btn-stateless:hover::before,
+.condo-btn-primary.condo-btn-stateless:active::before {
+  opacity: 0;
+}
 .condo-btn-primary.condo-btn-dangerous {
   background: #ff3b30;
   transition: background 0.15s ease-in-out;
@@ -2180,6 +2190,11 @@ a.condo-btn-sm {
 .condo-btn-primary.condo-btn-dangerous:active {
   background: #ff3b30;
 }
+.condo-btn-primary.condo-btn-dangerous.condo-btn-stateless:focus,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-stateless:hover,
+.condo-btn-primary.condo-btn-dangerous.condo-btn-stateless:active {
+  background: #ff3b30;
+}
 .condo-btn-primary.condo-btn-dangerous::before {
   opacity: 0;
 }
@@ -2321,6 +2336,29 @@ 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 {
+  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 {
+  fill: currentcolor;
+}
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover > .condo-btn-text,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active > .condo-btn-text,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:focus > .condo-btn-text {
+  color: #ff3b30;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless::before,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:focus::before,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:hover::before,
+.condo-btn-secondary.condo-btn-dangerous.condo-btn-stateless:active::before {
+  background: #ff3b30 border-box;
+}
 .condo-btn-secondary::before {
   position: absolute;
   top: -1px;
@@ -2354,7 +2392,46 @@ a.condo-btn-sm {
   background: linear-gradient(90deg, #4cd174 0%, #6db8f2 100%) border-box;
   opacity: 0.9;
 }
-.condo-btn-secondary:disabled,
+.condo-btn-secondary:disabled {
+  background: transparent;
+  border: 1px solid #707695;
+  opacity: 0.5;
+}
+.condo-btn-secondary:disabled > .condo-btn-icon {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary:disabled > .condo-btn-icon 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 {
+  color: #222;
+  transition: color 0.15s ease-out;
+}
+.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous) > .condo-btn-icon svg {
+  fill: currentcolor;
+}
+.condo-btn-secondary.condo-btn-stateless:not(.condo-btn-dangerous):hover {
+  border: 1px solid #707695;
+}
+.condo-btn-secondary.condo-btn-stateless:hover::before,
+.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,
@@ -2366,7 +2443,6 @@ a.condo-btn-sm {
   border: 1px solid #707695;
   opacity: 0.5;
 }
-.condo-btn-secondary:disabled > .condo-btn-icon,
 .condo-btn-secondary:disabled:hover > .condo-btn-icon,
 .condo-btn-secondary:disabled:active > .condo-btn-icon,
 .condo-btn-secondary:disabled:focus > .condo-btn-icon,
@@ -2377,7 +2453,6 @@ a.condo-btn-sm {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled > .condo-btn-icon svg,
 .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,
@@ -2387,7 +2462,6 @@ a.condo-btn-sm {
 .condo-btn-secondary.condo-btn-dangerous:disabled:focus > .condo-btn-icon svg {
   fill: currentcolor;
 }
-.condo-btn-secondary:disabled > .condo-btn-text,
 .condo-btn-secondary:disabled:hover > .condo-btn-text,
 .condo-btn-secondary:disabled:active > .condo-btn-text,
 .condo-btn-secondary:disabled:focus > .condo-btn-text,
@@ -2398,7 +2472,6 @@ a.condo-btn-sm {
   color: #222;
   transition: color 0.15s ease-out;
 }
-.condo-btn-secondary:disabled > .condo-btn-text::before,
 .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,
@@ -2408,7 +2481,6 @@ a.condo-btn-sm {
 .condo-btn-secondary.condo-btn-dangerous:disabled:focus > .condo-btn-text::before {
   opacity: 0;
 }
-.condo-btn-secondary:disabled::before,
 .condo-btn-secondary:disabled:hover::before,
 .condo-btn-secondary:disabled:active::before,
 .condo-btn-secondary:disabled:focus::before,
@@ -2419,6 +2491,353 @@ a.condo-btn-sm {
   opacity: 0;
 }
 
+.condo-typography {
+  color: #222;
+  word-break: break-word;
+}
+.condo-typography,
+.condo-typography-large {
+  margin: 0;
+  font-weight: 400;
+  font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+}
+.condo-typography-medium {
+  margin: 0;
+  font-weight: 400;
+  font-size: 14px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 22px;
+  letter-spacing: -0.01em;
+}
+.condo-typography-small {
+  margin: 0;
+  font-weight: 400;
+  font-size: 12px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 20px;
+  letter-spacing: -0.01em;
+}
+.condo-typography-secondary {
+  color: #707695;
+}
+.condo-typography-inverted {
+  color: #fff;
+}
+.condo-typography-info {
+  color: #2696f3;
+}
+.condo-typography-success {
+  color: #39ce66;
+}
+.condo-typography-warning {
+  color: #ff9500;
+}
+.condo-typography-danger {
+  color: #ff3b30;
+}
+.condo-typography-disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.condo-typography u,
+.condo-typography ins {
+  text-decoration: underline;
+  -webkit-text-decoration-skip: ink;
+          text-decoration-skip-ink: auto;
+  text-decoration-thickness: 1px;
+}
+.condo-typography s,
+.condo-typography del {
+  text-decoration: line-through;
+  text-decoration-thickness: 1px;
+}
+.condo-typography strong {
+  font-weight: 600;
+}
+.condo-typography code {
+  box-sizing: border-box;
+  margin: 0 0.2em;
+  padding: 0.25em 0.4em;
+  font-size: 95%;
+  font-family: "Noto Sans Mono", monospace;
+  background: #f2f4f6;
+  border: 1px solid #e1e5ed;
+  border-radius: 4px;
+}
+div.condo-typography:not(:last-of-type),
+.condo-typography p:not(:last-of-type) {
+  margin-bottom: 16px;
+}
+div.condo-typography:not(:last-of-type).condo-typography-medium,
+.condo-typography p:not(:last-of-type).condo-typography-medium {
+  margin-bottom: 14px;
+}
+div.condo-typography:not(:last-of-type).condo-typography-small,
+.condo-typography p:not(:last-of-type).condo-typography-small {
+  margin-bottom: 12px;
+}
+h1.condo-typography,
+div.condo-typography-h1,
+div.condo-typography-h1 > textarea,
+.condo-typography h1 {
+  font-weight: 700;
+  font-size: 38px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 46px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+h2.condo-typography,
+div.condo-typography-h2,
+div.condo-typography-h2 > textarea,
+.condo-typography h2 {
+  font-weight: 700;
+  font-size: 24px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 32px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+h3.condo-typography,
+div.condo-typography-h3,
+div.condo-typography-h3 > textarea,
+.condo-typography h3 {
+  font-weight: 700;
+  font-size: 20px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 28px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+h4.condo-typography,
+div.condo-typography-h4,
+div.condo-typography-h4 > textarea,
+.condo-typography h4 {
+  font-weight: 600;
+  font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+h5.condo-typography,
+div.condo-typography-h5,
+div.condo-typography-h5 > textarea,
+.condo-typography h5 {
+  font-weight: 600;
+  font-size: 14px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 22px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+h6.condo-typography,
+div.condo-typography-h6,
+div.condo-typography-h6 > textarea,
+.condo-typography h6 {
+  font-weight: 600;
+  font-size: 12px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 20px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+a.condo-typography-ellipsis,
+span.condo-typography-ellipsis {
+  display: inline-block;
+  max-width: 100%;
+}
+a.condo-typography,
+.condo-typography a {
+  color: #222;
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  text-decoration-thickness: 1px;
+  -webkit-text-decoration-color: #707695;
+          text-decoration-color: #707695;
+  outline: none;
+  cursor: pointer;
+  transition-duration: 0.15s;
+  transition-property: color, -webkit-text-decoration-color;
+  transition-property: color, text-decoration-color;
+  transition-property: color, text-decoration-color, -webkit-text-decoration-color;
+}
+a.condo-typography.focus-visible,
+.condo-typography a.focus-visible,
+a.condo-typography:hover,
+.condo-typography a:hover {
+  color: #39ce66;
+  -webkit-text-decoration-color: #39ce66;
+          text-decoration-color: #39ce66;
+}
+a.condo-typography:focus-visible,
+.condo-typography a:focus-visible,
+a.condo-typography:hover,
+.condo-typography a:hover {
+  color: #39ce66;
+  -webkit-text-decoration-color: #39ce66;
+          text-decoration-color: #39ce66;
+}
+a.condo-typography:active,
+.condo-typography a:active {
+  color: #39ce66;
+  opacity: 0.8;
+  -webkit-text-decoration-color: #39ce66;
+          text-decoration-color: #39ce66;
+}
+a.condo-typography:not(.condo-typography-large):not(.condo-typography-medium):not(.condo-typography-small),
+.condo-typography a:not(.condo-typography-large):not(.condo-typography-medium):not(.condo-typography-small) {
+  font-size: inherit;
+}
+a.condo-typography[disabled],
+.condo-typography a[disabled],
+a.condo-typography.condo-typography-disabled,
+.condo-typography a.condo-typography-disabled,
+a.condo-typography[disabled].focus-visible,
+.condo-typography a[disabled].focus-visible,
+a.condo-typography.condo-typography-disabled.focus-visible,
+.condo-typography a.condo-typography-disabled.focus-visible,
+a.condo-typography[disabled]:hover,
+.condo-typography a[disabled]:hover,
+a.condo-typography.condo-typography-disabled:hover,
+.condo-typography a.condo-typography-disabled:hover,
+a.condo-typography[disabled]:active,
+.condo-typography a[disabled]:active,
+a.condo-typography.condo-typography-disabled:active,
+.condo-typography a.condo-typography-disabled:active {
+  color: #222;
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+a.condo-typography[disabled],
+.condo-typography a[disabled],
+a.condo-typography.condo-typography-disabled,
+.condo-typography a.condo-typography-disabled,
+a.condo-typography[disabled].focus-visible,
+.condo-typography a[disabled].focus-visible,
+a.condo-typography.condo-typography-disabled.focus-visible,
+.condo-typography a.condo-typography-disabled.focus-visible,
+a.condo-typography[disabled]:hover,
+.condo-typography a[disabled]:hover,
+a.condo-typography.condo-typography-disabled:hover,
+.condo-typography a.condo-typography-disabled:hover,
+a.condo-typography[disabled]:active,
+.condo-typography a[disabled]:active,
+a.condo-typography.condo-typography-disabled:active,
+.condo-typography a.condo-typography-disabled:active {
+  color: #222;
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+a.condo-typography[disabled],
+.condo-typography a[disabled],
+a.condo-typography.condo-typography-disabled,
+.condo-typography a.condo-typography-disabled,
+a.condo-typography[disabled]:focus-visible,
+.condo-typography a[disabled]:focus-visible,
+a.condo-typography.condo-typography-disabled:focus-visible,
+.condo-typography a.condo-typography-disabled:focus-visible,
+a.condo-typography[disabled]:hover,
+.condo-typography a[disabled]:hover,
+a.condo-typography.condo-typography-disabled:hover,
+.condo-typography a.condo-typography-disabled:hover,
+a.condo-typography[disabled]:active,
+.condo-typography a[disabled]:active,
+a.condo-typography.condo-typography-disabled:active,
+.condo-typography a.condo-typography-disabled:active {
+  color: #222;
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+.condo-typography-single-line {
+  white-space: nowrap;
+}
+.condo-typography-ellipsis-single-line {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+a.condo-typography-ellipsis-single-line,
+span.condo-typography-ellipsis-single-line {
+  vertical-align: bottom;
+}
+.condo-typography-ellipsis-multiple-line {
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  /*! autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+.condo-promo-block {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  height: 320px;
+  overflow: hidden;
+  border-radius: 12px;
+  cursor: pointer;
+}
+.condo-promo-block-image-container,
+.condo-promo-block-content-container {
+  box-sizing: border-box;
+  width: 50%;
+  height: 100%;
+}
+.condo-promo-block-content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 60px 12px 60px 60px;
+}
+.condo-promo-block-content-container-md,
+.condo-promo-block-content-container-sm {
+  padding: 52px 12px 52px 40px;
+}
+.condo-promo-block-content-container-xs {
+  padding: 40px;
+}
+.condo-promo-block-content-container-xxs {
+  padding: 40px 32px;
+}
+.condo-promo-block-no-image > .condo-promo-block-content-container {
+  width: 100%;
+  padding-right: 60px;
+}
+.condo-promo-block-no-image > .condo-promo-block-content-container-md,
+.condo-promo-block-no-image > .condo-promo-block-content-container-sm {
+  padding-right: 52px;
+}
+.condo-promo-block-text-container > *:not(:last-child) {
+  margin-bottom: 16px;
+}
+.condo-promo-block-image-container > img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: right center;
+     object-position: right center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -2767,281 +3186,83 @@ a.condo-btn-sm {
 .condo-carousel .slick-arrow.slick-disabled {
   display: none !important;
 }
-.condo-carousel .slick-list {
-  margin: 0 -20px;
-}
-.condo-carousel .slick-slide > div {
-  margin: 0 20px;
-  overflow: hidden;
-}
-
-.condo-typography {
-  color: #222;
-  word-break: break-word;
-}
-.condo-typography,
-.condo-typography-large {
-  margin: 0;
-  font-weight: 400;
-  font-size: 16px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 24px;
-  letter-spacing: -0.01em;
-}
-.condo-typography-medium {
-  margin: 0;
-  font-weight: 400;
-  font-size: 14px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 22px;
-  letter-spacing: -0.01em;
-}
-.condo-typography-small {
-  margin: 0;
-  font-weight: 400;
-  font-size: 12px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 20px;
-  letter-spacing: -0.01em;
-}
-.condo-typography-secondary {
-  color: #707695;
-}
-.condo-typography-inverted {
-  color: #fff;
-}
-.condo-typography-info {
-  color: #2696f3;
-}
-.condo-typography-success {
-  color: #39ce66;
-}
-.condo-typography-warning {
-  color: #ff9500;
-}
-.condo-typography-danger {
-  color: #ff3b30;
-}
-.condo-typography-disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.condo-typography u,
-.condo-typography ins {
-  text-decoration: underline;
-  -webkit-text-decoration-skip: ink;
-          text-decoration-skip-ink: auto;
-  text-decoration-thickness: 1px;
-}
-.condo-typography s,
-.condo-typography del {
-  text-decoration: line-through;
-  text-decoration-thickness: 1px;
-}
-.condo-typography strong {
-  font-weight: 600;
-}
-.condo-typography code {
-  box-sizing: border-box;
-  margin: 0 0.2em;
-  padding: 0.25em 0.4em;
-  font-size: 95%;
-  font-family: "Noto Sans Mono", monospace;
-  background: #f2f4f6;
-  border: 1px solid #e1e5ed;
-  border-radius: 4px;
-}
-div.condo-typography:not(:last-of-type),
-.condo-typography p:not(:last-of-type) {
-  margin-bottom: 16px;
-}
-div.condo-typography:not(:last-of-type).condo-typography-medium,
-.condo-typography p:not(:last-of-type).condo-typography-medium {
-  margin-bottom: 14px;
-}
-div.condo-typography:not(:last-of-type).condo-typography-small,
-.condo-typography p:not(:last-of-type).condo-typography-small {
-  margin-bottom: 12px;
-}
-h1.condo-typography,
-div.condo-typography-h1,
-div.condo-typography-h1 > textarea,
-.condo-typography h1 {
-  font-weight: 700;
-  font-size: 38px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 46px;
-  letter-spacing: -0.01em;
-  margin: 0;
-}
-h2.condo-typography,
-div.condo-typography-h2,
-div.condo-typography-h2 > textarea,
-.condo-typography h2 {
-  font-weight: 700;
-  font-size: 24px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 32px;
-  letter-spacing: -0.01em;
-  margin: 0;
-}
-h3.condo-typography,
-div.condo-typography-h3,
-div.condo-typography-h3 > textarea,
-.condo-typography h3 {
-  font-weight: 700;
-  font-size: 20px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 28px;
-  letter-spacing: -0.01em;
-  margin: 0;
-}
-h4.condo-typography,
-div.condo-typography-h4,
-div.condo-typography-h4 > textarea,
-.condo-typography h4 {
-  font-weight: 600;
-  font-size: 16px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 24px;
-  letter-spacing: -0.01em;
-  margin: 0;
+.condo-carousel .slick-list {
+  margin: 0 -20px;
 }
-h5.condo-typography,
-div.condo-typography-h5,
-div.condo-typography-h5 > textarea,
-.condo-typography h5 {
-  font-weight: 600;
-  font-size: 14px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 22px;
-  letter-spacing: -0.01em;
-  margin: 0;
+.condo-carousel .slick-slide > div {
+  margin: 0 20px;
+  overflow: hidden;
 }
-h6.condo-typography,
-div.condo-typography-h6,
-div.condo-typography-h6 > textarea,
-.condo-typography h6 {
-  font-weight: 600;
-  font-size: 12px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 20px;
-  letter-spacing: -0.01em;
-  margin: 0;
+
+.condo-markdown h1:not(:first-child),
+.condo-markdown h2:not(:first-child),
+.condo-markdown h3:not(:first-child),
+.condo-markdown h4:not(:first-child),
+.condo-markdown h5:not(:first-child),
+.condo-markdown h6:not(:first-child) {
+  margin: 1.8em 0 0.6em;
 }
-a.condo-typography-ellipsis,
-span.condo-typography-ellipsis {
-  display: inline-block;
+.condo-markdown img {
   max-width: 100%;
 }
-a.condo-typography,
-.condo-typography a {
-  color: #222;
-  text-decoration: underline;
-  text-underline-offset: 0.2em;
-  text-decoration-thickness: 1px;
-  -webkit-text-decoration-color: #707695;
-          text-decoration-color: #707695;
-  outline: none;
-  cursor: pointer;
-  transition-duration: 0.15s;
-  transition-property: color, -webkit-text-decoration-color;
-  transition-property: color, text-decoration-color;
-  transition-property: color, text-decoration-color, -webkit-text-decoration-color;
+.condo-markdown pre code {
+  display: block;
+  margin: 0 0 16px;
 }
-a.condo-typography.focus-visible,
-.condo-typography a.focus-visible,
-a.condo-typography:hover,
-.condo-typography a:hover {
-  color: #39ce66;
-  -webkit-text-decoration-color: #39ce66;
-          text-decoration-color: #39ce66;
+.condo-markdown ul,
+.condo-markdown ol {
+  margin-bottom: 1.8em;
+  padding-left: 0.75em;
+  color: #707695;
+  list-style-position: inside;
 }
-a.condo-typography:focus-visible,
-.condo-typography a:focus-visible,
-a.condo-typography:hover,
-.condo-typography a:hover {
-  color: #39ce66;
-  -webkit-text-decoration-color: #39ce66;
-          text-decoration-color: #39ce66;
+.condo-markdown ul.contains-task-list,
+.condo-markdown ol.contains-task-list {
+  padding-left: 0;
 }
-a.condo-typography:active,
-.condo-typography a:active {
-  color: #39ce66;
-  opacity: 0.8;
-  -webkit-text-decoration-color: #39ce66;
-          text-decoration-color: #39ce66;
+.condo-markdown ul.contains-task-list > li,
+.condo-markdown ol.contains-task-list > li {
+  list-style-type: none;
 }
-a.condo-typography:not(.condo-typography-large):not(.condo-typography-medium):not(.condo-typography-small),
-.condo-typography a:not(.condo-typography-large):not(.condo-typography-medium):not(.condo-typography-small) {
-  font-size: inherit;
+.condo-markdown ul ul,
+.condo-markdown ol ul,
+.condo-markdown ul ol,
+.condo-markdown ol ol {
+  padding-left: 20px;
 }
-a.condo-typography[disabled],
-.condo-typography a[disabled],
-a.condo-typography.condo-typography-disabled,
-.condo-typography a.condo-typography-disabled,
-a.condo-typography[disabled].focus-visible,
-.condo-typography a[disabled].focus-visible,
-a.condo-typography.condo-typography-disabled.focus-visible,
-.condo-typography a.condo-typography-disabled.focus-visible,
-a.condo-typography[disabled]:hover,
-.condo-typography a[disabled]:hover,
-a.condo-typography.condo-typography-disabled:hover,
-.condo-typography a.condo-typography-disabled:hover,
-a.condo-typography[disabled]:active,
-.condo-typography a[disabled]:active,
-a.condo-typography.condo-typography-disabled:active,
-.condo-typography a.condo-typography-disabled:active {
-  color: #222;
-  cursor: not-allowed;
-  opacity: 0.5;
-  pointer-events: none;
+.condo-markdown ul > li:not(:last-child),
+.condo-markdown ol > li:not(:last-child),
+.condo-markdown ul > li ul:not(:last-child),
+.condo-markdown ol > li ul:not(:last-child),
+.condo-markdown ul > li ol:not(:last-child),
+.condo-markdown ol > li ol:not(:last-child) {
+  margin-bottom: 0.5em;
 }
-a.condo-typography[disabled],
-.condo-typography a[disabled],
-a.condo-typography.condo-typography-disabled,
-.condo-typography a.condo-typography-disabled,
-a.condo-typography[disabled].focus-visible,
-.condo-typography a[disabled].focus-visible,
-a.condo-typography.condo-typography-disabled.focus-visible,
-.condo-typography a.condo-typography-disabled.focus-visible,
-a.condo-typography[disabled]:hover,
-.condo-typography a[disabled]:hover,
-a.condo-typography.condo-typography-disabled:hover,
-.condo-typography a.condo-typography-disabled:hover,
-a.condo-typography[disabled]:active,
-.condo-typography a[disabled]:active,
-a.condo-typography.condo-typography-disabled:active,
-.condo-typography a.condo-typography-disabled:active {
-  color: #222;
-  cursor: not-allowed;
-  opacity: 0.5;
-  pointer-events: none;
+.condo-markdown ul > li ul:first-child,
+.condo-markdown ol > li ul:first-child,
+.condo-markdown ul > li ol:first-child,
+.condo-markdown ol > li ol:first-child {
+  margin-top: 0.5em;
 }
-a.condo-typography[disabled],
-.condo-typography a[disabled],
-a.condo-typography.condo-typography-disabled,
-.condo-typography a.condo-typography-disabled,
-a.condo-typography[disabled]:focus-visible,
-.condo-typography a[disabled]:focus-visible,
-a.condo-typography.condo-typography-disabled:focus-visible,
-.condo-typography a.condo-typography-disabled:focus-visible,
-a.condo-typography[disabled]:hover,
-.condo-typography a[disabled]:hover,
-a.condo-typography.condo-typography-disabled:hover,
-.condo-typography a.condo-typography-disabled:hover,
-a.condo-typography[disabled]:active,
-.condo-typography a[disabled]:active,
-a.condo-typography.condo-typography-disabled:active,
-.condo-typography a.condo-typography-disabled:active {
-  color: #222;
-  cursor: not-allowed;
-  opacity: 0.5;
-  pointer-events: none;
+.condo-markdown ul li::marker,
+.condo-markdown ol li::marker {
+  margin: 0;
+  font-weight: 400;
+  font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+}
+.condo-markdown blockquote {
+  margin: 1em 0;
+  padding-left: 1em;
+  border-left: 0.25em solid #d0d3e5;
+}
+.condo-markdown blockquote > .condo-typography {
+  padding: 0.5em 0;
+}
+.condo-markdown blockquote > blockquote:not(:first-child) {
+  margin-top: 0.5em;
 }
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@@ -3360,74 +3581,3 @@ a.condo-typography.condo-typography-disabled:active,
   margin-left: 0;
 }
 
-.condo-markdown h1:not(:first-child),
-.condo-markdown h2:not(:first-child),
-.condo-markdown h3:not(:first-child),
-.condo-markdown h4:not(:first-child),
-.condo-markdown h5:not(:first-child),
-.condo-markdown h6:not(:first-child) {
-  margin: 1.8em 0 0.6em;
-}
-.condo-markdown img {
-  max-width: 100%;
-}
-.condo-markdown pre code {
-  display: block;
-  margin: 0 0 16px;
-}
-.condo-markdown ul,
-.condo-markdown ol {
-  margin-bottom: 1.8em;
-  padding-left: 0.75em;
-  color: #707695;
-  list-style-position: inside;
-}
-.condo-markdown ul.contains-task-list,
-.condo-markdown ol.contains-task-list {
-  padding-left: 0;
-}
-.condo-markdown ul.contains-task-list > li,
-.condo-markdown ol.contains-task-list > li {
-  list-style-type: none;
-}
-.condo-markdown ul ul,
-.condo-markdown ol ul,
-.condo-markdown ul ol,
-.condo-markdown ol ol {
-  padding-left: 20px;
-}
-.condo-markdown ul > li:not(:last-child),
-.condo-markdown ol > li:not(:last-child),
-.condo-markdown ul > li ul:not(:last-child),
-.condo-markdown ol > li ul:not(:last-child),
-.condo-markdown ul > li ol:not(:last-child),
-.condo-markdown ol > li ol:not(:last-child) {
-  margin-bottom: 0.5em;
-}
-.condo-markdown ul > li ul:first-child,
-.condo-markdown ol > li ul:first-child,
-.condo-markdown ul > li ol:first-child,
-.condo-markdown ol > li ol:first-child {
-  margin-top: 0.5em;
-}
-.condo-markdown ul li::marker,
-.condo-markdown ol li::marker {
-  margin: 0;
-  font-weight: 400;
-  font-size: 16px;
-  font-family: "Open Sans", sans-serif;
-  line-height: 24px;
-  letter-spacing: -0.01em;
-}
-.condo-markdown blockquote {
-  margin: 1em 0;
-  padding-left: 1em;
-  border-left: 0.25em solid #d0d3e5;
-}
-.condo-markdown blockquote > .condo-typography {
-  padding: 0.5em 0;
-}
-.condo-markdown blockquote > blockquote:not(:first-child) {
-  margin-top: 0.5em;
-}
-