.custom-noty{width:325px;position:fixed;top:10px;right:20px;z-index:1000}.custom-noty__list{display:flex;flex-direction:column-reverse}.custom-noty__item{display:block;position:relative;width:100%;padding:10px;margin:10px 5px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 8px 1px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:24px;cursor:pointer;transition:all .6s ease}.custom-noty__item-timer{position:absolute;top:0;left:0;right:0;width:0;height:3px;border-radius:3px 3px 0 0;background:inherit;-webkit-animation:custom-noty-timer 1s ease-in-out;animation:custom-noty-timer 1s ease-in-out;-webkit-animation:custom-noty-timer var(--custom-noty-timer,1s) ease-in-out;animation:custom-noty-timer var(--custom-noty-timer,1s) ease-in-out}.custom-noty__item.--success{background:var(--success-bg);color:var(--success)}.custom-noty__item.--success .custom-noty__item-timer{background:var(--success)}.custom-noty__item.--error{background:var(--error-bg);color:var(--error)}.custom-noty__item.--error .custom-noty__item-timer{background:var(--error)}.custom-noty__item.--info{background:var(--warning-bg);color:var(--warning)}.custom-noty__item.--info .custom-noty__item-timer{background:var(--warning)}@-webkit-keyframes custom-noty-timer{0%{width:100%}to{width:0}}@keyframes custom-noty-timer{0%{width:100%}to{width:0}}.custom-noty-animate-enter{transform:translateX(120px);opacity:0}.custom-noty-animate-enter-to{opacity:1}.custom-noty-animate-leave{height:100%;opacity:1}.custom-noty-animate-leave-active{position:absolute;height:40px;overflow:hidden;transition:transform .6s ease,opacity .6s,height .6s .2s}.custom-noty-animate-leave-to{height:0;transform:translateX(120px);opacity:0}