@mdsfe/mds-ui 0.4.0-rc.1 → 0.4.0-rc.3

package/dist/style/message.css

@@ -1,191 +1 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
-.mds-message {
-  font-size: 12px;
-  position: fixed;
-  width: 100%;
-  top: 16px;
-  left: 0;
-  pointer-events: none;
-  font-size: 14px;
-  font-family: PingFangSC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #354052;
-}
-.mds-message-notice {
-  padding: 8px;
-  text-align: center;
-}
-.mds-message-notice:first-child {
-  margin-top: -8px;
-}
-.mds-message-notice-content {
-  word-break: break-all;
-  border-radius: 4px;
-  background: #fff;
-  display: inline-block;
-  pointer-events: all;
-  text-align: left;
-  position: relative;
-}
-.mds-message-close {
-  position: absolute;
-  right: 20px;
-  top: 50%;
-  transform: translateY(-53%);
-  cursor: pointer;
-}
-.mds-message-link {
-  position: absolute;
-  right: 20px;
-  top: 50%;
-  transform: translateY(-53%);
-  cursor: pointer;
-  color: #666666;
-}
-.mds-message-notice-content .mds-message-success,
-.mds-message-error,
-.mds-message-warning,
-.mds-message-info,
-.mds-message-loading,
-.mds-message-help {
-  max-width: 684px;
-  border-radius: 4px;
-  font-weight: 400;
-  font-family: PingFangSC-Regular;
-  padding: 13px 37px 13px 24px;
-}
-.mds-message-notice-content .mds-message-success-size,
-.mds-message-error-size,
-.mds-message-warning-size,
-.mds-message-info-size,
-.mds-message-loading-size,
-.mds-message-help-size {
-  padding: 24px 30px 32px 24px;
-}
-.mds-message-notice-content .mds-message-success-size-content,
-.mds-message-error-size-content,
-.mds-message-warning-size-content,
-.mds-message-info-size-content,
-.mds-message-loading-size-content,
-.mds-message-help-size-content {
-  padding-left: 30px;
-  font-size: 14px;
-  color: #666666;
-  margin-top: 9px;
-}
-.mds-message-notice-content .mds-message-success-size-title,
-.mds-message-error-size-title,
-.mds-message-warning-size-title,
-.mds-message-info-size-title,
-.mds-message-loading-size-title,
-.mds-message-help-size-title {
-  font-size: 18px;
-  font-family: PingFangSC-Regular, PingFangSC;
-  font-weight: 400;
-}
-.mds-message-notice-content .mds-message-success-size-icon,
-.mds-message-error-size-icon,
-.mds-message-warning-size-icon,
-.mds-message-info-size-icon,
-.mds-message-loading-size-icon,
-.mds-message-help-size-icon {
-  font-size: 22px !important;
-  vertical-align: baseline;
-  margin-right: 5px;
-}
-.mds-message-notice-content .mds-message-success-size ~ .mds-message-close,
-.mds-message-error-size ~ .mds-message-close,
-.mds-message-warning-size ~ .mds-message-close,
-.mds-message-info-size ~ .mds-message-close,
-.mds-message-loading-size ~ .mds-message-close,
-.mds-message-help-size ~ .mds-message-close {
-  top: 40px;
-}
-.mds-message-info-size-title,
-.mds-message-loading-size-title,
-.mds-message-help-size-title {
-  color: #0364FF;
-}
-.link .mds-message-success,
-.link .mds-message-error,
-.link .mds-message-warning,
-.link .mds-message-info,
-.link .mds-message-loading,
-.link .mds-message-help {
-  padding: 13px 77px 13px 24px;
-}
-.mds-message-notice-content .mds-message-info,
-.mds-message-loading,
-.mds-message-help {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-}
-.mds-message-success {
-  background: rgba(0, 170, 0, 0.05);
-  color: #004400;
-  border: 1px solid #00aa00;
-}
-.mds-message-success-link {
-  color: #004400;
-}
-.mds-message-error {
-  background: rgba(238, 51, 51, 0.05);
-  color: #8A3934;
-  border: 1px solid #ee3333;
-}
-.mds-message-error-link {
-  color: #8A3934;
-}
-.mds-message-warning {
-  background: rgba(255, 204, 1, 0.05);
-  color: #685401;
-  border: 1px solid #ffcc01;
-}
-.mds-message-warning-link {
-  color: #685401;
-}
-.mds-message-help {
-  color: #0364FF;
-}
-.mds-message-help-link {
-  color: #685401;
-}
-.mds-message-success .mdsicon {
-  color: #00a854;
-}
-.mds-message-error .mdsicon {
-  color: #EE3333;
-}
-.mds-message-warning .mdsicon {
-  color: #ffbf00;
-}
-.mds-message-info .mdsicon,
-.mds-message-loading .mdsicon {
-  color: #0364ff;
-}
-.mds-message .mdsicon {
-  font-size: 14px;
-  top: 1px;
-  position: relative;
-}
-.mds-message span {
-  vertical-align: baseline;
-}
-.mds-message-notice.move-up-leave.move-up-leave-active {
-  animation-name: MessageMoveOut;
-  overflow: hidden;
-  animation-duration: .3s;
-}
-@keyframes MessageMoveOut {
-  0% {
-    opacity: 1;
-    max-height: 150px;
-    padding: 8px;
-  }
-  100% {
-    opacity: 0;
-    max-height: 0;
-    padding: 0;
-  }
-}
+.mds-message{font-size:12px;position:fixed;width:100%;top:16px;left:0;pointer-events:none;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#354052}.mds-message-notice{padding:8px;text-align:center}.mds-message-notice:first-child{margin-top:-8px}.mds-message-notice-content{word-break:break-all;border-radius:4px;background:#fff;display:inline-block;pointer-events:all;text-align:left;position:relative}.mds-message-close,.mds-message-link{position:absolute;right:20px;top:50%;transform:translateY(-53%);cursor:pointer}.mds-message-link{color:#666}.mds-message-error,.mds-message-help,.mds-message-info,.mds-message-loading,.mds-message-notice-content .mds-message-success,.mds-message-warning{max-width:684px;border-radius:4px;font-weight:400;font-family:PingFangSC-Regular;padding:13px 37px 13px 24px}.mds-message-error-size,.mds-message-help-size,.mds-message-info-size,.mds-message-loading-size,.mds-message-notice-content .mds-message-success-size,.mds-message-warning-size{padding:24px 30px 32px 24px}.mds-message-error-size-content,.mds-message-help-size-content,.mds-message-info-size-content,.mds-message-loading-size-content,.mds-message-notice-content .mds-message-success-size-content,.mds-message-warning-size-content{padding-left:30px;font-size:14px;color:#666;margin-top:9px}.mds-message-error-size-title,.mds-message-help-size-title,.mds-message-info-size-title,.mds-message-loading-size-title,.mds-message-notice-content .mds-message-success-size-title,.mds-message-warning-size-title{font-size:18px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400}.mds-message-error-size-icon,.mds-message-help-size-icon,.mds-message-info-size-icon,.mds-message-loading-size-icon,.mds-message-notice-content .mds-message-success-size-icon,.mds-message-warning-size-icon{font-size:22px!important;vertical-align:baseline;margin-right:5px}.mds-message-error-size~.mds-message-close,.mds-message-help-size~.mds-message-close,.mds-message-info-size~.mds-message-close,.mds-message-loading-size~.mds-message-close,.mds-message-notice-content .mds-message-success-size~.mds-message-close,.mds-message-warning-size~.mds-message-close{top:40px}.mds-message-help-size-title,.mds-message-info-size-title,.mds-message-loading-size-title{color:#0364ff}.link .mds-message-error,.link .mds-message-help,.link .mds-message-info,.link .mds-message-loading,.link .mds-message-success,.link .mds-message-warning{padding:13px 77px 13px 24px}.mds-message-help,.mds-message-loading,.mds-message-notice-content .mds-message-info{box-shadow:0 2px 8px rgba(0,0,0,.2)}.mds-message-success{background:rgba(0,170,0,.05);color:#040;border:1px solid #0a0}.mds-message-success-link{color:#040}.mds-message-error{background:rgba(238,51,51,.05);color:#8a3934;border:1px solid #e33}.mds-message-error-link{color:#8a3934}.mds-message-warning{background:rgba(255,204,1,.05);color:#685401;border:1px solid #ffcc01}.mds-message-warning-link{color:#685401}.mds-message-help{color:#0364ff}.mds-message-help-link{color:#685401}.mds-message-success .mdsicon{color:#00a854}.mds-message-error .mdsicon{color:#e33}.mds-message-warning .mdsicon{color:#ffbf00}.mds-message-info .mdsicon,.mds-message-loading .mdsicon{color:#0364ff}.mds-message .mdsicon{font-size:14px;top:1px;position:relative}.mds-message span{vertical-align:baseline}.mds-message-notice.move-up-leave.move-up-leave-active{animation-name:MessageMoveOut;overflow:hidden;animation-duration:.3s}@keyframes MessageMoveOut{0%{opacity:1;max-height:150px;padding:8px}to{opacity:0;max-height:0;padding:0}}

package/dist/style/modal.css

@@ -1,123 +1 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
-.mds-modal-container {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.mds-modal-container .mds-modal {
-  -webkit-box-sizing: border-box;
-  box-sizing: initial;
-  margin: 0;
-  padding: 24px;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-  font-feature-settings: 'tnum';
-  position: relative;
-  top: 100px;
-  min-width: 400px;
-  margin: 0 auto;
-  padding-bottom: 24px;
-}
-.mds-modal-container .mds-modal-mask {
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.65);
-}
-.mds-modal-container .mds-modal-wrap {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: auto;
-  outline: 0;
-  overflow-scrolling: touch;
-}
-.mds-modal-container .mds-modal-content {
-  overflow: hidden;
-  background-color: #fff;
-  position: relative;
-  background-clip: padding-box;
-  border: 0;
-  border-radius: 4px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-.mds-modal-container .mds-modal-close {
-  position: absolute;
-  width: 56px;
-  height: 56px;
-  top: 0;
-  right: 0;
-  z-index: 10;
-  text-align: center;
-  padding: 0;
-  font-size: 12px;
-  color: rgba(0, 0, 0, 0.45);
-  font-weight: 700;
-  line-height: 56px;
-  text-decoration: none;
-  background: transparent;
-  border: 0;
-  outline: 0;
-  cursor: pointer;
-  transition: color .3s;
-}
-.mds-modal-container .mds-modal-header {
-  padding: 24px 24px 15px 24px;
-  color: rgba(0, 0, 0, 0.65);
-  background: #fff;
-  border-radius: 4px 4px 0 0;
-}
-.mds-modal-container .mds-modal-bottom {
-  border-bottom: 1px solid #F0F2F5;
-}
-.mds-modal-container .mds-modal-icon {
-  margin-bottom: 16px;
-  text-align: center;
-}
-.mds-modal-container .mds-modal-icon i {
-  font-size: 48px;
-}
-.mds-modal-container .mds-modal-title {
-  margin: 0;
-  color: #333;
-  font-weight: 500;
-  font-size: 18px;
-  line-height: 22px;
-}
-.mds-modal-container .mds-modal-title.center {
-  text-align: center;
-}
-.mds-modal-container .mds-modal-body {
-  padding: 16px 24px 6px 24px;
-  font-size: 14px;
-  line-height: 1.5;
-  word-wrap: break-word;
-  min-height: 56px;
-}
-.mds-modal-container .mds-modal-footer {
-  padding: 16px 24px 16px 24px;
-  text-align: right;
-  border-radius: 0 0 4px 4px;
-}
-.mds-modal-container .mds-modal-footer-default {
-  display: flex;
-}
-.mds-modal-container .mds-modal-footer-default button {
-  flex: 1;
-  font-size: 14px;
-  height: 36px;
-}
-.mds-modal-container .mds-modal-button {
-  margin-right: 16px;
-}
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
+.mds-modal-container{position:fixed;top:0;right:0;bottom:0;left:0}.mds-modal-container .mds-modal{-webkit-box-sizing:border-box;box-sizing:initial;margin:0;padding:24px;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:relative;top:100px;min-width:400px;margin:0 auto;padding-bottom:24px}.mds-modal-container .mds-modal-mask{height:100%;background-color:rgba(0,0,0,.65)}.mds-modal-container .mds-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;overflow-scrolling:touch}.mds-modal-container .mds-modal-content{overflow:hidden;background-color:#fff;position:relative;background-clip:padding-box;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.mds-modal-container .mds-modal-close{position:absolute;width:56px;height:56px;top:0;right:0;z-index:10;text-align:center;padding:0;font-size:12px;color:rgba(0,0,0,.45);font-weight:700;line-height:56px;text-decoration:none;background:transparent;border:0;outline:0;cursor:pointer;transition:color .3s}.mds-modal-container .mds-modal-header{padding:24px 24px 15px;color:rgba(0,0,0,.65);background:#fff;border-radius:4px 4px 0 0}.mds-modal-container .mds-modal-bottom{border-bottom:1px solid #f0f2f5}.mds-modal-container .mds-modal-icon{margin-bottom:16px;text-align:center}.mds-modal-container .mds-modal-icon i{font-size:48px}.mds-modal-container .mds-modal-title{margin:0;color:#333;font-weight:500;font-size:18px;line-height:22px}.mds-modal-container .mds-modal-title.center{text-align:center}.mds-modal-container .mds-modal-body{padding:16px 24px 6px;font-size:14px;line-height:1.5;word-wrap:break-word;min-height:56px}.mds-modal-container .mds-modal-footer{padding:16px 24px;text-align:right;border-radius:0 0 4px 4px}.mds-modal-container .mds-modal-footer-default{display:flex}.mds-modal-container .mds-modal-footer-default button{flex:1;font-size:14px;height:36px}.mds-modal-container .mds-modal-button{margin-right:16px}

package/dist/style/notification.css

@@ -1,192 +1 @@
-.mds-notification-topLeft[data-v-d94bfa66] {
-  top: 24px;
-  left: 0;
-}
-.mds-notification-topRight[data-v-d94bfa66] {
-  top: 24px;
-  right: 0;
-}
-.mds-notification-bottomLeft[data-v-d94bfa66] {
-  bottom: 24px;
-  left: 0;
-}
-.mds-notification-bottomRight[data-v-d94bfa66] {
-  bottom: 24px;
-  right: 0;
-}
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
-.mds-notification {
-  position: fixed;
-  z-index: 1010;
-  width: 400px;
-  margin-right: 24px;
-}
-.mds-notification-topLeft,
-.mds-notification-bottomLeft {
-  margin-left: 24px;
-  margin-right: 0;
-}
-.mds-notification-topLeft .mds-notification-fade-enter.mds-notification-fade-enter-active,
-.mds-notification-bottomLeft .mds-notification-fade-enter.mds-notification-fade-enter-active,
-.mds-notification-topLeft .mds-notification-fade-appear.mds-notification-fade-appear-active,
-.mds-notification-bottomLeft .mds-notification-fade-appear.mds-notification-fade-appear-active {
-  animation-name: NotificationLeftFadeIn;
-}
-.mds-notification-notice {
-  padding: 24px;
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-  background: #fff;
-  margin-bottom: 10px;
-  line-height: 1.5;
-  position: relative;
-  overflow: hidden;
-  box-shadow: 0px 0px 12px 0px #d8dce6;
-}
-.mds-notification-notice-close-btn {
-  cursor: pointer;
-  position: absolute;
-  right: 20px;
-  top: 20px;
-}
-.mds-notification-notice-title {
-  color: #333333;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 18px;
-  padding: 0 20px 0 0;
-  margin-bottom: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-}
-.mds-notification-notice-desc {
-  font-size: 14px;
-}
-.mds-notification-notice-with-icon .mds-notification-notice-title {
-  padding: 0 20px 0 48px;
-}
-.mds-notification-notice-with-icon .mds-notification-notice-desc {
-  padding-left: 48px;
-}
-.mds-notification-notice-single-line-auto-margin {
-  width: calc(400px - 24px * 2 - 24px - 48px - 100%);
-  background-color: transparent;
-  pointer-events: none;
-  display: block;
-  max-width: 4px;
-}
-.mds-notification-notice-single-line-auto-margin:before {
-  content: '';
-  display: block;
-  padding-bottom: 100%;
-}
-.mds-notification-notice-icon {
-  position: absolute;
-  font-size: 24px;
-  line-height: 24px;
-}
-.mds-notification-notice-icon-success {
-  color: #00a854;
-}
-.mds-notification-notice-icon-info {
-  color: #0364ff;
-}
-.mds-notification-notice-icon-warning {
-  color: #ffbf00;
-}
-.mds-notification-notice-icon-error {
-  color: #EE3333;
-}
-.mds-notification-notice-close-x:after {
-  font-size: 12px;
-  content: "\E633";
-  font-family: "mdsicon";
-  cursor: pointer;
-}
-.mds-notification-notice-close {
-  position: absolute;
-  right: 16px;
-  top: 10px;
-  color: rgba(0, 0, 0, 0.43);
-  outline: none;
-  text-decoration: none;
-}
-.mds-notification-notice-close:hover {
-  color: #404040;
-}
-.mds-notification-notice-btn {
-  text-align: right;
-  margin-top: 16px;
-}
-.mds-notification .notification-fade-effect {
-  animation-duration: 0.24s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.mds-notification-fade-enter,
-.mds-notification-fade-appear {
-  opacity: 0;
-  animation-duration: 0.24s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  animation-play-state: paused;
-}
-.mds-notification-fade-leave {
-  animation-duration: 0.24s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  animation-duration: 0.2s;
-  animation-play-state: paused;
-}
-.mds-notification-fade-enter.mds-notification-fade-enter-active,
-.mds-notification-fade-appear.mds-notification-fade-appear-active {
-  animation-name: NotificationFadeIn;
-  animation-play-state: running;
-}
-.mds-notification-fade-leave.mds-notification-fade-leave-active {
-  animation-name: NotificationFadeOut;
-  animation-play-state: running;
-}
-@keyframes NotificationFadeIn {
-  0% {
-    opacity: 0;
-    left: 400px;
-  }
-  100% {
-    left: 0;
-    opacity: 1;
-  }
-}
-@keyframes NotificationLeftFadeIn {
-  0% {
-    opacity: 0;
-    right: 400px;
-  }
-  100% {
-    right: 0;
-    opacity: 1;
-  }
-}
-@keyframes NotificationFadeOut {
-  0% {
-    opacity: 1;
-    margin-bottom: 10px;
-    padding-top: 24px;
-    padding-bottom: 24px;
-    max-height: 150px;
-  }
-  100% {
-    opacity: 0;
-    margin-bottom: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-    max-height: 0;
-  }
-}
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable declaration-bang-space-before */
-/* stylelint-disable declaration-bang-space-before */
+.mds-notification-topLeft[data-v-d94bfa66]{top:24px;left:0}.mds-notification-topRight[data-v-d94bfa66]{top:24px;right:0}.mds-notification-bottomLeft[data-v-d94bfa66]{bottom:24px;left:0}.mds-notification-bottomRight[data-v-d94bfa66]{bottom:24px;right:0}.mds-notification{position:fixed;z-index:1010;width:400px;margin-right:24px}.mds-notification-bottomLeft,.mds-notification-topLeft{margin-left:24px;margin-right:0}.mds-notification-bottomLeft .mds-notification-fade-appear.mds-notification-fade-appear-active,.mds-notification-bottomLeft .mds-notification-fade-enter.mds-notification-fade-enter-active,.mds-notification-topLeft .mds-notification-fade-appear.mds-notification-fade-appear-active,.mds-notification-topLeft .mds-notification-fade-enter.mds-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.mds-notification-notice{padding:24px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff;margin-bottom:10px;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 0 12px 0 #d8dce6}.mds-notification-notice-close-btn{cursor:pointer;position:absolute;right:20px;top:20px}.mds-notification-notice-title{color:#333;display:inline-block;font-weight:500;font-size:18px;padding:0 20px 0 0;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mds-notification-notice-desc{font-size:14px}.mds-notification-notice-with-icon .mds-notification-notice-title{padding:0 20px 0 48px}.mds-notification-notice-with-icon .mds-notification-notice-desc{padding-left:48px}.mds-notification-notice-single-line-auto-margin{width:calc(400px - 24px * 2 - 24px - 48px - 100%);background-color:transparent;pointer-events:none;display:block;max-width:4px}.mds-notification-notice-single-line-auto-margin:before{content:"";display:block;padding-bottom:100%}.mds-notification-notice-icon{position:absolute;font-size:24px;line-height:24px}.mds-notification-notice-icon-success{color:#00a854}.mds-notification-notice-icon-info{color:#0364ff}.mds-notification-notice-icon-warning{color:#ffbf00}.mds-notification-notice-icon-error{color:#e33}.mds-notification-notice-close-x:after{font-size:12px;content:"\E633";font-family:mdsicon;cursor:pointer}.mds-notification-notice-close{position:absolute;right:16px;top:10px;color:rgba(0,0,0,.43);outline:none;text-decoration:none}.mds-notification-notice-close:hover{color:#404040}.mds-notification-notice-btn{text-align:right;margin-top:16px}.mds-notification .notification-fade-effect{animation-duration:.24s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.645,.045,.355,1)}.mds-notification-fade-appear,.mds-notification-fade-enter{opacity:0;animation-play-state:paused}.mds-notification-fade-appear,.mds-notification-fade-enter,.mds-notification-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.645,.045,.355,1)}.mds-notification-fade-leave{animation-duration:.2s;animation-play-state:paused}.mds-notification-fade-appear.mds-notification-fade-appear-active,.mds-notification-fade-enter.mds-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.mds-notification-fade-leave.mds-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{opacity:0;left:400px}to{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{opacity:0;right:400px}to{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{opacity:1;margin-bottom:10px;padding-top:24px;padding-bottom:24px;max-height:150px}to{opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0}}