@mdsfe/mds-ui 0.4.0-rc.7 → 0.4.0-rc.8

package/dist/style/message.css

@@ -1 +1,191 @@
-.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}}
+/* 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;
+  }
+}

package/dist/style/modal.css

@@ -1 +1,123 @@
-.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}
+/* 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 */

package/dist/style/notification.css

@@ -1 +1,192 @@
-.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}}
+.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 */