.wi-notify__box{position:fixed;line-height:1.6;direction:rtl;z-index:9999;top:30px;right:30px;max-width:300px}.wi-notify__box .wi-notify__inner{padding:15px 40px;background-color:#dedede;color:#333;box-shadow:0 13px 10px -5px rgba(0,0,0,.2);pointer-events:none;margin-bottom:15px;position:relative;overflow:hidden;background-color:#252527;color:#efefef;border-left:12px solid #eee;display:inline-block}.wi-notify__box .wi-notify__inner.wi-notify__show,.wi-notify__box .wi-notify__inner.wi-notify__hide{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;-webkit-animation-duration:.4s;animation-duration:.4s}.wi-notify__box .wi-notify__inner.wi-notify__show{pointer-events:auto}.wi-notify__box .wi-notify__inner.wi-notify__hide{animation-direction:reverse}.wi-notify__box .wi-notify__inner a{color:inherit;opacity:.7}.wi-notify__box .wi-notify__inner a:hover,.wi-notify__box .wi-notify__inner a:focus{opacity:1}.wi-notify__box .wi-notify__inner i{font-size:120px;color:rgba(255,255,255,.05);position:absolute;top:-18px;right:-40px}.wi-notify__box .wi-notify__inner p{margin:0}.wi-notify__box .wi-notify__inner .wi-notify__close{display:block;height:16px;width:16px;position:absolute;right:5px;top:5px;cursor:pointer}.wi-notify__box .wi-notify__inner .wi-notify__close:before,.wi-notify__box .wi-notify__inner .wi-notify__close:after{position:absolute;top:50%;left:0;content:'';display:block;width:16px;height:2px;background-color:rgba(255,255,255,.7)}.wi-notify__box .wi-notify__inner .wi-notify__close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.wi-notify__box .wi-notify__inner .wi-notify__close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.wi-notify__box .wi-notify__inner .wi-notify__close:hover:before,.wi-notify__box .wi-notify__inner .wi-notify__close:hover:after{background-color:#fff}.wi-notify__box .wi-notify__inner .wi-notify__progress-bar{display:block;background-color:#909090;height:3px;width:100%;position:absolute;bottom:0;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation-name:slideInLeft;animation-name:slideInLeft;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.wi-notify__box .wi-notify__inner.wi-notify__success{border-left-color:#009688}.wi-notify__box .wi-notify__inner.wi-notify__error{border-left-color:#f44336}.wi-notify__box .wi-notify__inner.wi-notify__warning{border-left-color:#ed8604}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}