.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:20px;}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative;}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px;}.notyf__icon--error:after{-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}.notyf__icon--error:before{-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;}.notyf__icon--success:after{height:6px;-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:9px;left:6px;}.notyf__icon--success:before{height:11px;-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:10px;}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;-o-animation:notyf-fadeinup .3s ease-in forwards;-moz-animation:notyf-fadeinup .3s ease-in forwards;-webkit-animation:notyf-fadeinup .3s ease-in forwards;-ms-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,0.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;-o-transform:translateY(25%);-moz-transform:translateY(25%);-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;flex-shrink:0;}.notyf__toast--disappear{-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;-o-animation:notyf-fadeoutdown .3s forwards;-moz-animation:notyf-fadeoutdown .3s forwards;-webkit-animation:notyf-fadeoutdown .3s forwards;-ms-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;-o-animation:notyf-fadeoutdown .3s forwards;-moz-animation:notyf-fadeoutdown .3s forwards;-webkit-animation:notyf-fadeoutdown .3s forwards;-ms-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-moz-opacity:1;opacity:1;-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;-o-animation:notyf-fadeoutright .3s forwards;-moz-animation:notyf-fadeoutright .3s forwards;-webkit-animation:notyf-fadeoutright .3s forwards;-ms-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;-moz-opacity:1;opacity:1;-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s;}.notyf__toast--upper{margin-bottom:20px;}.notyf__toast--lower{margin-top:20px;}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px;}.notyf__ripple{height:400px;width:400px;position:absolute;-o-transform-origin:bottom right;-moz-transform-origin:bottom right;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;right:0;top:0;border-radius:50%;-o-transform:scale(0) translateY(-51%) translateX(13%);-moz-transform:scale(0) translateY(-51%) translateX(13%);-webkit-transform:scale(0) translateY(-51%) translateX(13%);-ms-transform:scale(0) translateY(-51%) translateX(13%);transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;-o-animation:ripple .4s ease-out forwards;-moz-animation:ripple .4s ease-out forwards;-webkit-animation:ripple .4s ease-out forwards;-ms-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards;}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10;}.notyf__icon{width:22px;text-align:center;font-size:1.3em;-moz-opacity:0;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;-o-animation:notyf-fadeinup .3s forwards;-moz-animation:notyf-fadeinup .3s forwards;-webkit-animation:notyf-fadeinup .3s forwards;-ms-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px;}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;-o-animation:notyf-fadeinleft .3s forwards;-moz-animation:notyf-fadeinleft .3s forwards;-webkit-animation:notyf-fadeinleft .3s forwards;-ms-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;-moz-opacity:0;opacity:0;}.notyf__dismiss-btn{background-color:rgba(0,0,0,0.25);border:none;cursor:pointer;-o-transition:opacity .2s ease,background-color .2s ease;-moz-transition:opacity .2s ease,background-color .2s ease;-webkit-transition:opacity .2s ease,background-color .2s ease;-ms-transition:opacity .2s ease,background-color .2s ease;transition:opacity .2s ease,background-color .2s ease;outline:none;-moz-opacity:.35;opacity:.35;height:100%;width:100%;}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px);}.notyf__dismiss-btn:after{-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}.notyf__dismiss-btn:before{-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.notyf__dismiss-btn:hover{-moz-opacity:.7;opacity:.7;background-color:rgba(0,0,0,0.15);}.notyf__dismiss-btn:active{-moz-opacity:.8;opacity:.8;}.notyf__message{vertical-align:middle;position:relative;-moz-opacity:0;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;-o-animation:notyf-fadeinup .3s forwards;-moz-animation:notyf-fadeinup .3s forwards;-webkit-animation:notyf-fadeinup .3s forwards;-ms-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em;}@-webkit-keyframes notyf-fadeinup{0%{-moz-opacity:0;opacity:0;-o-transform:translateY(25%);-moz-transform:translateY(25%);-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);}to{-moz-opacity:1;opacity:1;-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}@keyframes notyf-fadeinup{0%{-moz-opacity:0;opacity:0;-o-transform:translateY(25%);-moz-transform:translateY(25%);-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);}to{-moz-opacity:1;opacity:1;-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}@-webkit-keyframes notyf-fadeinleft{0%{-moz-opacity:0;opacity:0;-o-transform:translateX(25%);-moz-transform:translateX(25%);-webkit-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);}to{-moz-opacity:1;opacity:1;-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}@keyframes notyf-fadeinleft{0%{-moz-opacity:0;opacity:0;-o-transform:translateX(25%);-moz-transform:translateX(25%);-webkit-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);}to{-moz-opacity:1;opacity:1;-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}@-webkit-keyframes notyf-fadeoutright{0%{-moz-opacity:1;opacity:1;-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-moz-opacity:0;opacity:0;-o-transform:translateX(25%);-moz-transform:translateX(25%);-webkit-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);}}@keyframes notyf-fadeoutright{0%{-moz-opacity:1;opacity:1;-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-moz-opacity:0;opacity:0;-o-transform:translateX(25%);-moz-transform:translateX(25%);-webkit-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);}}@-webkit-keyframes notyf-fadeoutdown{0%{-moz-opacity:1;opacity:1;-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}to{-moz-opacity:0;opacity:0;-o-transform:translateY(25%);-moz-transform:translateY(25%);-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);}}@keyframes notyf-fadeoutdown{0%{-moz-opacity:1;opacity:1;-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}to{-moz-opacity:0;opacity:0;-o-transform:translateY(25%);-moz-transform:translateY(25%);-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);}}@-webkit-keyframes ripple{0%{-o-transform:scale(0) translateY(-45%) translateX(13%);-moz-transform:scale(0) translateY(-45%) translateX(13%);-webkit-transform:scale(0) translateY(-45%) translateX(13%);-ms-transform:scale(0) translateY(-45%) translateX(13%);transform:scale(0) translateY(-45%) translateX(13%);}to{-o-transform:scale(1) translateY(-45%) translateX(13%);-moz-transform:scale(1) translateY(-45%) translateX(13%);-webkit-transform:scale(1) translateY(-45%) translateX(13%);-ms-transform:scale(1) translateY(-45%) translateX(13%);transform:scale(1) translateY(-45%) translateX(13%);}}@keyframes ripple{0%{-o-transform:scale(0) translateY(-45%) translateX(13%);-moz-transform:scale(0) translateY(-45%) translateX(13%);-webkit-transform:scale(0) translateY(-45%) translateX(13%);-ms-transform:scale(0) translateY(-45%) translateX(13%);transform:scale(0) translateY(-45%) translateX(13%);}to{-o-transform:scale(1) translateY(-45%) translateX(13%);-moz-transform:scale(1) translateY(-45%) translateX(13%);-webkit-transform:scale(1) translateY(-45%) translateX(13%);-ms-transform:scale(1) translateY(-45%) translateX(13%);transform:scale(1) translateY(-45%) translateX(13%);}}@media only screen and (max-width:480px){.notyf{padding:0;}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s;}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,0.13);width:100%;}.notyf__dismiss{width:56px;}}