UNPKG

@open-condo/ui

Version:

A set of React UI components for developing applications inside the condo ecosystem

1,924 lines (1,917 loc) 431 kB
@font-face { font-family: 'Wix Madefor Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/wixmadefordisplay/v11/SZcS3EX9IbbyeJ8aOluD52KXgUA_7Ed1I13G853Cp9duUYFhYltk.ttf) format('truetype'); } @font-face { font-family: 'Wix Madefor Display'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/wixmadefordisplay/v11/SZcS3EX9IbbyeJ8aOluD52KXgUA_7Ed1I13G853Cp9duUYG_ZVtk.ttf) format('truetype'); } @font-face { font-family: 'Wix Madefor Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/wixmadefordisplay/v11/SZcS3EX9IbbyeJ8aOluD52KXgUA_7Ed1I13G853Cp9duUYGGZVtk.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans Mono'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/notosansmono/v32/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49o.ttf) format('truetype'); } .ant-slide-up-enter, .ant-slide-up-appear { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-up-leave { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { -webkit-animation-name: ant-slide-up-in; animation-name: ant-slide-up-in; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { -webkit-animation-name: ant-slide-up-out; animation-name: ant-slide-up-out; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { transform: scale(0); transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-down-leave { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { -webkit-animation-name: ant-slide-down-in; animation-name: ant-slide-down-in; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { -webkit-animation-name: ant-slide-down-out; animation-name: ant-slide-down-out; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { transform: scale(0); transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-left-leave { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { -webkit-animation-name: ant-slide-left-in; animation-name: ant-slide-left-in; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { -webkit-animation-name: ant-slide-left-out; animation-name: ant-slide-left-out; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { transform: scale(0); transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-right-leave { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { -webkit-animation-name: ant-slide-right-in; animation-name: ant-slide-right-in; -webkit-animation-play-state: running; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { -webkit-animation-name: ant-slide-right-out; animation-name: ant-slide-right-out; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { transform: scale(0); transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-right-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes ant-slide-up-in { 0% { transform: scaleY(0.8); transform-origin: 0 0; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0 0; opacity: 1; } } @keyframes ant-slide-up-in { 0% { transform: scaleY(0.8); transform-origin: 0 0; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes ant-slide-up-out { 0% { transform: scaleY(1); transform-origin: 0 0; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0 0; opacity: 0; } } @keyframes ant-slide-up-out { 0% { transform: scaleY(1); transform-origin: 0 0; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes ant-slide-down-in { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes ant-slide-down-in { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes ant-slide-down-out { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes ant-slide-down-out { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @-webkit-keyframes ant-slide-left-in { 0% { transform: scaleX(0.8); transform-origin: 0 0; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0 0; opacity: 1; } } @keyframes ant-slide-left-in { 0% { transform: scaleX(0.8); transform-origin: 0 0; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes ant-slide-left-out { 0% { transform: scaleX(1); transform-origin: 0 0; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0 0; opacity: 0; } } @keyframes ant-slide-left-out { 0% { transform: scaleX(1); transform-origin: 0 0; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes ant-slide-right-in { 0% { transform: scaleX(0.8); transform-origin: 100% 0; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0; opacity: 1; } } @keyframes ant-slide-right-in { 0% { transform: scaleX(0.8); transform-origin: 100% 0; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0; opacity: 1; } } @-webkit-keyframes ant-slide-right-out { 0% { transform: scaleX(1); transform-origin: 100% 0; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0; opacity: 0; } } @keyframes ant-slide-right-out { 0% { transform: scaleX(1); transform-origin: 100% 0; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0; opacity: 0; } } :root { --condo-font-fallback: sans-serif; --condo-font-fallback-mono: consolas, monaco, "Andale Mono", "Ubuntu Mono", monospace; } /* 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-space { display: inline-flex; } .condo-space-vertical { flex-direction: column; } .condo-space-align-center { align-items: center; } .condo-space-align-start { align-items: flex-start; } .condo-space-align-end { align-items: flex-end; } .condo-space-align-baseline { align-items: baseline; } .condo-space-item:empty { display: none; } .condo-space-compact { display: inline-flex; } .condo-space-compact-block { display: flex; width: 100%; } .condo-space-compact-vertical { flex-direction: column; } .condo-space-rtl { direction: rtl; } .condo-space-compact-rtl { direction: rtl; } .condo-space-item { display: flex; } /* 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: #222222; 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 { transition-timing-function: ease-in; transition-duration: 0.15s; transition-property: color, opacity, -webkit-text-decoration-color; transition-property: color, opacity, text-decoration-color; transition-property: color, opacity, text-decoration-color, -webkit-text-decoration-color; word-break: break-word; } .condo-typography-break-spaces { white-space: break-spaces; } .condo-typography, .condo-typography-large { margin: 0; font-weight: 400; font-size: 16px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 24px; letter-spacing: -0.01em; } .condo-typography-medium { margin: 0; font-weight: 400; font-size: 14px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 22px; letter-spacing: -0.01em; } .condo-typography-small { margin: 0; font-weight: 400; font-size: 12px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 20px; letter-spacing: -0.01em; } .condo-typography-primary { color: #222; } .condo-typography-secondary { color: #707695; } .condo-typography-inverted { color: #fff; } .condo-typography-info { color: #2696f3; } .condo-typography-success { color: #2bc359; } .condo-typography-warning { color: #ff9500; } .condo-typography-danger { color: #ff3b30; } .condo-typography-inherit { color: inherit; } .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-clickable { cursor: pointer; } .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: 40px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 46px; letter-spacing: -0.03em; margin: 0; } @media (max-width: 767px ) { h1.condo-typography, div.condo-typography-h1, div.condo-typography-h1 > textarea, .condo-typography h1 { font-size: 30px; line-height: 36px; } } h2.condo-typography, div.condo-typography-h2, div.condo-typography-h2 > textarea, .condo-typography h2 { font-weight: 700; font-size: 26px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 32px; letter-spacing: -0.03em; margin: 0; } h3.condo-typography, div.condo-typography-h3, div.condo-typography-h3 > textarea, .condo-typography h3 { font-weight: 600; font-size: 20px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 28px; letter-spacing: -0.03em; 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: "Wix Madefor Display", var(--condo-font-fallback); line-height: 24px; letter-spacing: -0.01em; margin: 0; } @media (max-width: 767px ) { h4.condo-typography, div.condo-typography-h4, div.condo-typography-h4 > textarea, .condo-typography h4 { font-size: 18px; line-height: 26px; } } h5.condo-typography, div.condo-typography-h5, div.condo-typography-h5 > textarea, .condo-typography h5 { font-weight: 600; font-size: 14px; font-family: "Wix Madefor Display", var(--condo-font-fallback); 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: "Wix Madefor Display", var(--condo-font-fallback); 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-timing-function: ease-in; 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: #2bc359; text-decoration: underline; -webkit-text-decoration-color: #2bc359; text-decoration-color: #2bc359; } a.condo-typography:focus-visible, .condo-typography a:focus-visible, a.condo-typography:hover, .condo-typography a:hover { color: #2bc359; text-decoration: underline; -webkit-text-decoration-color: #2bc359; text-decoration-color: #2bc359; } a.condo-typography:active, .condo-typography a:active { color: #2bc359; text-decoration: underline; opacity: 0.8; -webkit-text-decoration-color: #2bc359; text-decoration-color: #2bc359; } a.condo-typography:hover .condo-typography-inherit, .condo-typography a:hover .condo-typography-inherit, a.condo-typography.focus-visible .condo-typography-inherit, .condo-typography a.focus-visible .condo-typography-inherit { -webkit-text-decoration-color: #2bc359; text-decoration-color: #2bc359; } a.condo-typography:hover .condo-typography-inherit, .condo-typography a:hover .condo-typography-inherit, a.condo-typography:focus-visible .condo-typography-inherit, .condo-typography a:focus-visible .condo-typography-inherit { -webkit-text-decoration-color: #2bc359; text-decoration-color: #2bc359; } a.condo-typography .condo-typography-inherit, .condo-typography a .condo-typography-inherit { font-size: inherit; text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; -webkit-text-decoration-color: #707695; text-decoration-color: #707695; transition: 0.15s -webkit-text-decoration-color ease-in; transition: 0.15s text-decoration-color ease-in; transition: 0.15s text-decoration-color ease-in, 0.15s -webkit-text-decoration-color ease-in; } 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-typography-rtl { direction: rtl; } .condo-typography-rtl .condo-typography-expand { float: left; margin-right: 4px; margin-left: 0; } .condo-typography-rtl .condo-typography-edit, .condo-typography-rtl .condo-typography-copy { margin-right: 4px; margin-left: 0; } div.condo-typography-edit-content.condo-typography-rtl { right: -5px; left: auto; } .condo-typography-rtl .condo-typography-edit-content-confirm { right: auto; left: 10px; } .condo-typography-rtl.condo-typography ul li, .condo-typography-rtl.condo-typography ol li { margin: 0 20px 0 0; padding: 0 4px 0 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-affix { position: fixed; z-index: 10; } .condo-affix-placeholder { height: 24px; } .condo-affix-content-wrapper { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; } .condo-affix-content-wrapper { box-sizing: border-box; padding: 16px; } @media screen and (min-width: 0px ) and (max-width: 767px ) { .condo-affix-content-wrapper { width: 100%; padding-bottom: 24px; } .condo-affix-content-wrapper > .condo-space-item { width: 100%; } .condo-affix-content-wrapper > .condo-space-item > * { width: 100%; } } @media screen and (min-width: 0px ) { .condo-affix-content-wrapper { position: relative; right: 16px; width: calc(100% + 16px * 2); } } @media screen and (min-width: 768px ) { .condo-affix-content-wrapper { transition: box-shadow 0.15s ease-out; } } .condo-affix { height: auto !important; } .condo-affix .condo-affix-content-wrapper { height: 100%; background: #fff; border-radius: 8px; box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4); } @media screen and (min-width: 0px ) and (max-width: 767px ) { .condo-affix { width: auto !important; } .condo-affix { right: 0; bottom: 0; left: 0; } .condo-affix .condo-affix-content-wrapper { padding-bottom: 24px; } .condo-affix .condo-affix-content-wrapper > .condo-space-item { padding: 0 16px; } } @media screen and (min-width: 768px ) { .condo-affix { bottom: 24px !important; } } /* 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-alert { box-sizing: border-box; margin: 0; padding: 0; color: #222222; font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum', "tnum"; position: relative; display: flex; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 2px; } .condo-alert-content { flex: 1; min-width: 0; } .condo-alert-icon { margin-right: 8px; } .condo-alert-description { display: none; font-size: 14px; line-height: 22px; } .condo-alert-success { background-color: #ebfaef; border: 1px solid #b7eb8f; } .condo-alert-success .condo-alert-icon { color: #2bc359; } .condo-alert-info { background-color: #e7f4ff; border: 1px solid #91d5ff; } .condo-alert-info .condo-alert-icon { color: #2696f3; } .condo-alert-warning { background-color: #fff5e6; border: 1px solid #ffe58f; } .condo-alert-warning .condo-alert-icon { color: #ff9500; } .condo-alert-error { background-color: #ffeceb; border: 1px solid #ffccc7; } .condo-alert-error .condo-alert-icon { color: #ff3b30; } .condo-alert-error .condo-alert-description > pre { margin: 0; padding: 0; } .condo-alert-action { margin-left: 8px; } .condo-alert-close-icon { margin-left: 8px; padding: 0; overflow: hidden; font-size: 12px; line-height: 12px; background-color: transparent; border: none; outline: none; cursor: pointer; } .condo-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .condo-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .condo-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .condo-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .condo-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .condo-alert-with-description.condo-alert-no-icon { padding: 15px 15px; } .condo-alert-with-description .condo-alert-icon { margin-right: 15px; font-size: 24px; } .condo-alert-with-description .condo-alert-message { display: block; margin-bottom: 4px; color: #222222; font-size: 16px; } .condo-alert-message { color: #222222; } .condo-alert-with-description .condo-alert-description { display: block; } .condo-alert.condo-alert-motion-leave { overflow: hidden; opacity: 1; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .condo-alert.condo-alert-motion-leave-active { margin-bottom: 0 !important; } .condo-alert.condo-alert-motion-leave-active { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } .condo-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } .condo-alert.condo-alert-rtl { direction: rtl; } .condo-alert-rtl .condo-alert-icon { margin-right: auto; margin-left: 8px; } .condo-alert-rtl .condo-alert-action { margin-right: 8px; margin-left: auto; } .condo-alert-rtl .condo-alert-close-icon { margin-right: 8px; margin-left: auto; } .condo-alert-rtl.condo-alert-with-description { padding-right: 24px; padding-left: 15px; } .condo-alert-rtl.condo-alert-with-description .condo-alert-icon { margin-right: auto; margin-left: 15px; } .condo-alert-description { margin: 0; font-weight: 400; font-size: 14px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 22px; letter-spacing: -0.01em; } .condo-alert-success:not(.condo-alert-banner), .condo-alert-info:not(.condo-alert-banner), .condo-alert-warning:not(.condo-alert-banner), .condo-alert-error:not(.condo-alert-banner) { border: none; border-radius: 12px; } .condo-alert-with-description { padding: 16px; } .condo-alert-message { font-weight: 600; font-size: 16px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 24px; letter-spacing: -0.01em; margin: 0; } @media (max-width: 767px ) { .condo-alert-message { font-size: 18px; line-height: 26px; } } .condo-alert-with-description .condo-alert-message { font-weight: 600; font-size: 16px; font-family: "Wix Madefor Display", var(--condo-font-fallback); line-height: 24px; letter-spacing: -0.01em; margin: 0; margin-bottom: 4px; } @media (max-width: 767px ) { .condo-alert-with-description .condo-alert-message { font-size: 18px; line-height: 26px; } } .condo-alert .condo-alert-icon { width: 24px; height: 24px; margin-right: 12px; } @media screen and (min-width: 0px ) and (max-width: 767px ) { .condo-alert { flex-wrap: wrap; } .condo-alert.condo-alert-no-icon .condo-alert-content { flex: initial; } .condo-alert .condo-alert-action { width: 100%; margin-top: 24px; margin-left: 0; } .condo-alert > .condo-alert-icon ~ .condo-alert-action { margin-left: 36px; } } /* 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-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: #222222; border-color: #d9d9d9; background: #fff; } .condo-btn > .anticon { line-height: 1; } .condo-btn, .condo-btn:active, .condo-btn:focus { outline: 0; } .condo-btn:not([disabled]):hover { text-decoration: none; } .condo-btn:not([disabled]):active { outline: 0; box-shadow: none; } .condo-btn[disabled] { cursor: not-allowed; } .condo-btn[disabled] > * { pointer-events: none; } .condo-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .condo-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .condo-btn > a:only-child { color: currentcolor; } .condo-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn:hover, .condo-btn:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .condo-btn:hover > a:only-child, .condo-btn:focus > a:only-child { color: currentcolor; } .condo-btn:hover > a:only-child::after, .condo-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn:active { color: #096dd9; border-color: #096dd9; background: #fff; } .condo-btn:active > a:only-child { color: currentcolor; } .condo-btn:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn[disabled], .condo-btn[disabled]:hover, .condo-btn[disabled]:focus, .condo-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .condo-btn[disabled] > a:only-child, .condo-btn[disabled]:hover > a:only-child, .condo-btn[disabled]:focus > a:only-child, .condo-btn[disabled]:active > a:only-child { color: currentcolor; } .condo-btn[disabled] > a:only-child::after, .condo-btn[disabled]:hover > a:only-child::after, .condo-btn[disabled]:focus > a:only-child::after, .condo-btn[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn:hover, .condo-btn:focus, .condo-btn:active { text-decoration: none; background: #fff; } .condo-btn > span { display: inline-block; } .condo-btn-primary { color: #fff; border-color: #1890ff; background: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .condo-btn-primary > a:only-child { color: currentcolor; } .condo-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-primary:hover, .condo-btn-primary:focus { color: #fff; border-color: #40a9ff; background: #40a9ff; } .condo-btn-primary:hover > a:only-child, .condo-btn-primary:focus > a:only-child { color: currentcolor; } .condo-btn-primary:hover > a:only-child::after, .condo-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-primary:active { color: #fff; border-color: #096dd9; background: #096dd9; } .condo-btn-primary:active > a:only-child { color: currentcolor; } .condo-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-primary[disabled], .condo-btn-primary[disabled]:hover, .condo-btn-primary[disabled]:focus, .condo-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .condo-btn-primary[disabled] > a:only-child, .condo-btn-primary[disabled]:hover > a:only-child, .condo-btn-primary[disabled]:focus > a:only-child, .condo-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .condo-btn-primary[disabled] > a:only-child::after, .condo-btn-primary[disabled]:hover > a:only-child::after, .condo-btn-primary[disabled]:focus > a:only-child::after, .condo-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-group .condo-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .condo-btn-group .condo-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .condo-btn-group .condo-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .condo-btn-group .condo-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .condo-btn-group .condo-btn-primary:last-child:not(:first-child), .condo-btn-group .condo-btn-primary + .condo-btn-primary { border-left-color: #40a9ff; } .condo-btn-group .condo-btn-primary:last-child:not(:first-child)[disabled], .condo-btn-group .condo-btn-primary + .condo-btn-primary[disabled] { border-left-color: #d9d9d9; } .condo-btn-ghost { color: #222222; border-color: #d9d9d9; background: transparent; } .condo-btn-ghost > a:only-child { color: currentcolor; } .condo-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-ghost:hover, .condo-btn-ghost:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .condo-btn-ghost:hover > a:only-child, .condo-btn-ghost:focus > a:only-child { color: currentcolor; } .condo-btn-ghost:hover > a:only-child::after, .condo-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-ghost:active { color: #096dd9; border-color: #096dd9; background: transparent; } .condo-btn-ghost:active > a:only-child { color: currentcolor; } .condo-btn-ghost:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-ghost[disabled], .condo-btn-ghost[disabled]:hover, .condo-btn-ghost[disabled]:focus, .condo-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .condo-btn-ghost[disabled] > a:only-child, .condo-btn-ghost[disabled]:hover > a:only-child, .condo-btn-ghost[disabled]:focus > a:only-child, .condo-btn-ghost[disabled]:active > a:only-child { color: currentcolor; } .condo-btn-ghost[disabled] > a:only-child::after, .condo-btn-ghost[disabled]:hover > a:only-child::after, .condo-btn-ghost[disabled]:focus > a:only-child::after, .condo-btn-ghost[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-dashed { color: #222222; border-color: #d9d9d9; background: #fff; border-style: dashed; } .condo-btn-dashed > a:only-child { color: currentcolor; } .condo-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-dashed:hover, .condo-btn-dashed:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .condo-btn-dashed:hover > a:only-child, .condo-btn-dashed:focus > a:only-child { color: currentcolor; } .condo-btn-dashed:hover > a:only-child::after, .condo-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-dashed:active { color: #096dd9; border-color: #096dd9; background: #fff; } .condo-btn-dashed:active > a:only-child { color: currentcolor; } .condo-btn-dashed:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-dashed[disabled], .condo-btn-dashed[disabled]:hover, .condo-btn-dashed[disabled]:focus, .condo-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .condo-btn-dashed[disabled] > a:only-child, .condo-btn-dashed[disabled]:hover > a:only-child, .condo-btn-dashed[disabled]:focus > a:only-child, .condo-btn-dashed[disabled]:active > a:only-child { color: currentcolor; } .condo-btn-dashed[disabled] > a:only-child::after, .condo-btn-dashed[disabled]:hover > a:only-child::after, .condo-btn-dashed[disabled]:focus > a:only-child::after, .condo-btn-dashed[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-danger { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .condo-btn-danger > a:only-child { color: currentcolor; } .condo-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-danger:hover, .condo-btn-danger:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .condo-btn-danger:hover > a:only-child, .condo-btn-danger:focus > a:only-child { color: currentcolor; } .condo-btn-danger:hover > a:only-child::after, .condo-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-danger:active { color: #fff; border-color: #d9363e; background: #d9363e; } .condo-btn-danger:active > a:only-child { color: currentcolor; } .condo-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-danger[disabled], .condo-btn-danger[disabled]:hover, .condo-btn-danger[disabled]:focus, .condo-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .condo-btn-danger[disabled] > a:only-child, .condo-btn-danger[disabled]:hover > a:only-child, .condo-btn-danger[disabled]:focus > a:only-child, .condo-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .condo-btn-danger[disabled] > a:only-child::after, .condo-btn-danger[disabled]:hover > a:only-child::after, .condo-btn-danger[disabled]:focus > a:only-child::after, .condo-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-link { color: #1890ff; border-color: transparent; background: transparent; box-shadow: none; } .condo-btn-link > a:only-child { color: currentcolor; } .condo-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .condo-btn-link:hover, .condo-btn-link:focus { color: #40a9ff; border-color: #40a9ff;