@import url('../element-ui/index.min.css');
@import url('/assets/iconfont/element/style.css');
@import url('/assets/js/animate/animate.css');

.lib-message__wrapper {
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  gap: 10px;
}
.lib-message__wrapper::before {
  content: '1';
  font-family: element-icons;
  visibility: hidden;
  position: absolute;
}
.lib-message {
  top: auto;
  left: auto;
  position: relative;
  transform: none;
  animation: fadeInDown 0.3s ease-in-out forwards;
  pointer-events: all;
  max-width: 100%;
  min-width: 300px;
}
.lib-message.lib-message--close {
  animation-name: fadeOutUp;
}

.lib-message--success {
  background-color: #e8ffea;
  border: 1px solid #00b42a;
}
.lib-message--success > i,
.lib-message--success .el-message__content {
  color: #00b42a !important;
}

.lib-message--error {
  background-color: #ffece8;
  border: 1px solid #f53f3f;
}
.lib-message--error > i,
.lib-message--error .el-message__content {
  color: #f53f3f !important;
}

.lib-message--warning {
  background-color: #fcf6ed;
  border: 1px solid #dca550;
}
.lib-message--warning > i,
.lib-message--warning .el-message__content {
  color: #dca550 !important;
}

.lib-message--info {
  background-color: #f4f4f5;
  border: 1px solid #919398;
}
.lib-message--info > i,
.lib-message--info .el-message__content {
  color: #919398 !important;
}

/* layui dialog */
.layui-layer {
  border-radius: 8px;
  overflow: hidden;
}
.layui-layer-title {
  border: none;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
  background-size: 700% 200%;
}
.layui-layer-ico0 {
  background-position: 0px 0;
}
.layui-layer-ico1 {
  background-position: -24px 0;
}
.layui-layer-ico2 {
  background-position: -48px 0;
}
.layui-layer-ico3 {
  background-position: -72px 0;
}
.layui-layer-ico4 {
  background-position: -96px 0;
}
.layui-layer-ico5 {
  background-position: -120px 0;
}
.layui-layer-ico6 {
  background-position: -144px 0;
}

.layui-layer-btn a {
  border-radius: 28px;
  font-size: 14px;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #f67942;
  background-color: #f67942;
}