angular-notify.js.angular-notify {
  color: #fff;
  font-family: system, -apple-system, '.SFNSDisplay-Regular', HelveticaNeue, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAqxJREFUOBFNlFu17SAMRfmOhNqoDmygAxvVgQ10YIM7Z2j3PR8MQkiyVh5Qeu2xy469XSV2dZ+pG7vGvhZn1xNDu4oO29p39Nmiq8uFTbmjXPuKsnTYMVlXKbFajzUHwTDG8Rk7ik4bXQbHtgMuCfS3+v7EnpNYj4YYzB2LvY/5Q70adwtHg61jl0F2i2KwfbNa1ATb0TrA+xb9pLFv2GF0jEmbgFP00lN39DodkIegY5ANWQp4YVtulGn4oihXVqMMyg+1KwsHUvS83vqmD6Ww3r2cmu9mQCIvEVkdh5FOGhIEOXfqOi5ZrUyvcD53PQb+kspGzhrlIV0ZbWq4qadBrdlIENj3zvmwa+oITCfj/pORE6CPNQeMQyJQ4BfNtHJEQMzCf4wa09DopIEJMN+Glg6Jm4zQUQrpw4I965KjYbpXPDbsZWwDFg46HccSj1nRsN8EnIA10+zQdmzKhUE7bA9zAXHUOYHZayPIq09C3h1w2DIWOoj8lGjtyfpkXdXDUrl/ad90P+VCM2pMWXl+78kIp0aHO6Mi2gO7FyCDCuSZdUrCGBUGe9S4k/Vh6t27NPYdvk7sncBNY961RpPzZSeRhxn5zLrPFSI8N/eLVTpAX2SLng2y6x+rDySD0XltUgdgpSkJ8BKhiZm+P8T/dKyHKYFGPdPZDwLHzhJ8c1+/oTd4gXGmrpw2M24GcuF4kXo69RPkIoDp+qZPUNOFgI7qBDUYPRjflGR3GOj1Oi0Q/cYc3iYjgBrjYl13PQP/F1SgM/zu+jEW3Y8U1OEzs7he5CtAlgFyIejz+7YEmlGZRV+VDcnANrHkHNopjPL3WPmObUATKFEP+vn/lO34igsy+/GnkQgymUIGgXQd0o7sKvkrWyuQYShj7SzH2Rn20wB+9iNXshgw/Adk6VozE098hAAAAABJRU5ErkJggg==");
  border-radius: 4px;
  width: 100%;
  padding: 16px 16px 16px 0;
  margin: 16px;
  position: relative;
  height: 100%;
  z-index: 999; }
  .angular-notify .title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 22px;
    margin: 1px 0 0 64px;
    padding: 0 0 0 16px; }
  .angular-notify .content {
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 15px;
    margin: 5px 0 0 64px;
    padding: 0 0 0 16px; }
  .angular-notify .close {
    background: none;
    border: none;
    outline: none;
    width: 24px;
    height: 24px;
    margin: 0;
    position: absolute;
    top: 12px;
    right: 16px; }
    .angular-notify .close i {
      color: #fff; }
    .angular-notify .close:hover {
      opacity: 0.6; }
  .angular-notify:before {
    background-color: rgba(0, 0, 0, 0.14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 64px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }

.angular-notify-info {
  background-color: #4A90E2;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24), 0 0 4px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(80, 130, 187, 0.32), 1px 1px 0 rgba(255, 255, 255, 0.32) inset; }
  .angular-notify-info .title, .angular-notify-info .content {
    text-shadow: 1px 1px 0 #3F7CC2; }
  .angular-notify-info:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2228px%22%20viewBox%3D%2220%2022%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32%2C48%20C38.627417%2C48%2044%2C42.627417%2044%2C36%20C44%2C29.372583%2038.627417%2C24%2032%2C24%20C25.372583%2C24%2020%2C29.372583%2020%2C36%20C20%2C42.627417%2025.372583%2C48%2032%2C48%20Z%20M33%2C41%20L33%2C34%20L31%2C34%20L31%2C41%20L29%2C41%20L29%2C42%20L35%2C42%20L35%2C41%20L33%2C41%20Z%20M30%2C34%20L31%2C34%20L31%2C35%20L30%2C35%20L30%2C34%20Z%20M31%2C30%20L33%2C30%20L33%2C32%20L31%2C32%20L31%2C30%20Z%22%20id%3D%22Combined-Shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
    box-shadow: 2px 0 0 rgba(255, 255, 255, 0.28), 1px 0 0 #2d5f9a; }

.angular-notify-success {
  background-color: #27A904;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24), 0 0 4px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(3, 98, 17, 0.32), 1px 1px 0 rgba(255, 255, 255, 0.32) inset; }
  .angular-notify-success .title, .angular-notify-success .content {
    text-shadow: 1px 1px 0 #229203; }
  .angular-notify-success:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2228px%22%20viewBox%3D%2220%2022%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32%2C48%20C38.627417%2C48%2044%2C42.627417%2044%2C36%20C44%2C29.372583%2038.627417%2C24%2032%2C24%20C25.372583%2C24%2020%2C29.372583%2020%2C36%20C20%2C42.627417%2025.372583%2C48%2032%2C48%20Z%20M26.7865325%2C36.0798122%20L25.2771133%2C37.3919303%20L29.6592798%2C42.5819484%20L39.730037%2C32.8567312%20L38.3407202%2C31.4180516%20L29.8563875%2C39.6112765%20L26.7865325%2C36.0798122%20Z%22%20id%3D%22Combined-Shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
    box-shadow: 2px 0 0 rgba(255, 255, 255, 0.28), 1px 0 0 rgba(23, 92, 40, 0.6); }

.angular-notify-warning {
  background-color: #EDB900;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24), 0 0 4px rgba(0, 0, 0, 0.12), 1px 1px 0 #e59c23, 1px 1px 0 rgba(255, 255, 255, 0.32) inset; }
  .angular-notify-warning .title, .angular-notify-warning .content {
    text-shadow: 1px 1px 0 #C29802; }
  .angular-notify-warning:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2228px%22%20viewBox%3D%2220%2022%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32%2C48%20C38.627417%2C48%2044%2C42.627417%2044%2C36%20C44%2C29.372583%2038.627417%2C24%2032%2C24%20C25.372583%2C24%2020%2C29.372583%2020%2C36%20C20%2C42.627417%2025.372583%2C48%2032%2C48%20Z%20M31%2C29%20L33%2C29%20L33%2C40%20L31%2C40%20L31%2C29%20Z%20M31%2C42%20L33%2C42%20L33%2C44%20L31%2C44%20L31%2C42%20Z%22%20id%3D%22Combined-Shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
    box-shadow: 2px 0 0 rgba(255, 255, 255, 0.28), 1px 0 0 #c27d0a; }

.angular-notify-error {
  background-color: #D23A3A;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24), 0 0 4px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(110, 14, 14, 0.32), 1px 1px 0 rgba(255, 255, 255, 0.32) inset; }
  .angular-notify-error .title, .angular-notify-error .content {
    text-shadow: 1px 1px 0 #B53332; }
  .angular-notify-error:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2228px%22%20viewBox%3D%2220%2022%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M33.4142136%2C36%20L38.0104076%2C31.4038059%20L36.5961941%2C29.9895924%20L32%2C34.5857864%20L27.4038059%2C29.9895924%20L25.9895924%2C31.4038059%20L30.5857864%2C36%20L25.9895924%2C40.5961941%20L27.4038059%2C42.0104076%20L32%2C37.4142136%20L36.5961941%2C42.0104076%20L38.0104076%2C40.5961941%20L33.4142136%2C36%20Z%20M32%2C48%20C38.627417%2C48%2044%2C42.627417%2044%2C36%20C44%2C29.372583%2038.627417%2C24%2032%2C24%20C25.372583%2C24%2020%2C29.372583%2020%2C36%20C20%2C42.627417%2025.372583%2C48%2032%2C48%20Z%22%20id%3D%22Combined-Shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
    box-shadow: 2px 0 0 rgba(255, 255, 255, 0.28), 1px 0 0 rgba(92, 23, 23, 0.6); }

@-webkit-keyframes angular-notify-enter {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes angular-notify-enter {
  0% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes angular-notify-hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes angular-notify-hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.angular-notify-enter {
  -webkit-animation-name: 'angular-notify-enter';
          animation-name: 'angular-notify-enter';
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease-in-out-cubic;
          animation-timing-function: ease-in-out-cubic;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.angular-notify-hide {
  -webkit-animation-name: 'angular-notify-hide';
          animation-name: 'angular-notify-hide';
  -webkit-animation-duration: 320ms;
          animation-duration: 320ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media screen and (max-width: 480px) {
  .angular-notify {
    width: 100%; }
  @-webkit-keyframes angular-notify-enter {
    0% {
      -webkit-transform: translate(100%, 0);
              transform: translate(100%, 0); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  @keyframes angular-notify-enter {
    0% {
      -webkit-transform: translate(100%, 0);
              transform: translate(100%, 0); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  .angular-notify-enter {
    -webkit-animation-name: 'angular-notify-enter';
            animation-name: 'angular-notify-enter';
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
    -webkit-animation-timing-function: ease-in-out-cubic;
            animation-timing-function: ease-in-out-cubic;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  } }