.notify{position:fixed;display:flex;align-items:center;top:20px;right:20px;width:300px;min-height:77px;padding:18px 48px 18px 18px;margin-top:-10px;font-size:13px;background:#fff;border-radius:8px;border:0;opacity:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transition:.3s;-webkit-font-smoothing:antialiased;z-index:1080}.notify .notify-icon{position:absolute;top:24px;left:16px;width:30px;height:30px;display:inline-block;border-radius:50%;text-align:center;line-height:26px;background:#eee}.notify .notify-icon i{border-radius:50%;padding:4px;font-size:13px;margin-top:4px;background:#ddd}.notify .notify-close{position:absolute;top:12px;right:8px;background:0 0;border:0;outline:0;margin:0;padding:6px;line-height:0;font-size:12px;color:#899198;transition:color .1s}.notify .notify-close:hover{color:#212529}.notify .notify-body{font-weight:500;margin-top:-2px;cursor:pointer}.notify.has-icon{padding-left:60px}.notify.is-front{margin-top:0;opacity:1}.notify.is-middle{transform:perspective(700px) translate3d(0,0,-45px);margin-top:10px;opacity:.7}.notify.is-last{transform:perspective(700px) translate3d(0,0,-90px);margin-top:20px;opacity:.5}.notify.is-out{transform:perspective(700px) translate3d(0,0,-200px);opacity:0}.notify.is-type-success .notify-icon{background:#d1f4e1;font-size:10px}.notify.is-type-success .notify-icon i{color:#fff;background:#30c974}.notify.is-type-warning .notify-icon{background:#ffebb2;font-size:10px}.notify.is-type-warning .notify-icon i{color:#fff;background:#febc00}.notify.is-type-info .notify-icon{background:#e5f9fd;font-size:10px}.notify.is-type-info .notify-icon i{color:#fff;background:#23cbf3}.notify.is-type-error .notify-icon{background:#fbd1d4;font-size:10px}.notify.is-type-error .notify-icon i{color:#fff;background:#f04352}.notify.is-centered{left:50%;right:auto;margin-left:-150px}.notify.is-centered.is-middle{transform:perspective(700px) translate3d(0,0,-50px)}.notify.is-centered.is-last{transform:perspective(700px) translate3d(0,0,-90px)}