html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}.notification{z-index:100;color:#fff;border-radius:5px;align-items:center;gap:0 20px;max-width:480px;height:100%;max-height:200px;animation:.5s forwards moveLeft;display:flex;position:fixed;top:100px;right:0;overflow:hidden;transform:translate(100%)}@keyframes moveLeft{to{right:15px;transform:translate(0)}}.notification__icon,.notification__btnClose{height:100%;padding:5px}.notification__text{padding:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1em}.notification__icon{background-color:#0000000d;align-items:center;display:flex}.notification__btnClose{cursor:pointer;background-color:#0000001a;align-items:center;display:flex}.notification__btnClose:hover{background-color:#00000026}.notification--success{background-color:#55dd16}.notification--error{background-color:#dd1616}.notification--info{background-color:#2481fc}