/* 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 */ .jetlinks-alert { 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'; position: relative; display: flex; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 6px; } .jetlinks-alert-content { flex: 1; min-width: 0; } .jetlinks-alert-icon { margin-right: 8px; } .jetlinks-alert-description { display: none; font-size: 14px; line-height: 22px; } .jetlinks-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .jetlinks-alert-success .jetlinks-alert-icon { color: #52c41a; } .jetlinks-alert-info { background-color: #f0f6ff; border: 1px solid #adc7ff; } .jetlinks-alert-info .jetlinks-alert-icon { color: #315EFB; } .jetlinks-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .jetlinks-alert-warning .jetlinks-alert-icon { color: #faad14; } .jetlinks-alert-error { background-color: #fff2f0; border: 1px solid #ffccc7; } .jetlinks-alert-error .jetlinks-alert-icon { color: #ff4d4f; } .jetlinks-alert-error .jetlinks-alert-description > pre { margin: 0; padding: 0; } .jetlinks-alert-action { margin-left: 8px; } .jetlinks-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; } .jetlinks-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .jetlinks-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .jetlinks-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .jetlinks-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .jetlinks-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .jetlinks-alert-with-description.jetlinks-alert-no-icon { padding: 15px 15px; } .jetlinks-alert-with-description .jetlinks-alert-icon { margin-right: 15px; font-size: 24px; } .jetlinks-alert-with-description .jetlinks-alert-message { display: block; margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .jetlinks-alert-message { color: rgba(0, 0, 0, 0.85); } .jetlinks-alert-with-description .jetlinks-alert-description { display: block; } .jetlinks-alert.jetlinks-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); } .jetlinks-alert.jetlinks-alert-motion-leave-active { max-height: 0; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; opacity: 0; } .jetlinks-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } .jetlinks-alert.jetlinks-alert-rtl { direction: rtl; } .jetlinks-alert-rtl .jetlinks-alert-icon { margin-right: auto; margin-left: 8px; } .jetlinks-alert-rtl .jetlinks-alert-action { margin-right: 8px; margin-left: auto; } .jetlinks-alert-rtl .jetlinks-alert-close-icon { margin-right: 8px; margin-left: auto; } .jetlinks-alert-rtl.jetlinks-alert-with-description { padding-right: 24px; padding-left: 15px; } .jetlinks-alert-rtl.jetlinks-alert-with-description .jetlinks-alert-icon { margin-right: auto; margin-left: 15px; }