/* Noty animate.css keyframes (inlined, only the 4 animations used by noty.js) */ .animate__animated { animation-duration: 1s; animation-fill-mode: both; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1); } 75% { transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { animation-name: bounceOutLeft; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { animation-name: fadeIn; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { animation-name: zoomOut; } /* Noty mint theme */ .noty_layout { word-break: break-all; } .noty_theme__mint.noty_bar { position: relative; margin: 4px 0; overflow: hidden; border-radius: 2px; } .noty_theme__mint.noty_bar .noty_body { padding: 10px; font-size: 14px; } .noty_theme__mint.noty_bar .noty_buttons { padding: 10px; } .noty_theme__mint.noty_type__alert, .noty_theme__mint.noty_type__notification { color: #2f2f2f; background-color: #fff; border-bottom: 1px solid #d1d1d1; } .noty_theme__mint.noty_type__warning { color: #fff; background-color: #ffae42; border-bottom: 1px solid #e89f3c; } .noty_theme__mint.noty_type__error { color: #fff; background-color: #de636f; border-bottom: 1px solid #ca5a65; } .noty_theme__mint.noty_type__info, .noty_theme__mint.noty_type__information { color: #fff; background-color: #7f7eff; border-bottom: 1px solid #7473e8; } .noty_theme__mint.noty_type__success { color: #fff; background-color: #afc765; border-bottom: 1px solid #a0b55c; }