tot

learn

.xcws-notif-host div { all: revert; } .xcws-notif-host > div { position: fixed; top: 0px; right: 4px; max-width: 480px; display: flex; flex-direction: column; z-index: 99999999999; } .xcws-notif-host > div > .xcws-hz-notification { position:relative; padding: 4px 8px; color: white; font-family: "Helvetica"; font-size: 12pt; border-radius: 5px; margin: 5px 0px 3px 5px; opacity: 0; left: 250px; white-space: pre-wrap; box-shadow: 3px 3px 5px 3px rgba(128,128,128,0.5); } .xcws-notif-host > div > .xcws-hz-notification > div > .xcws-hz-learned { text-align: left; color: white; } .xcws-notif-host > div > .xcws-hz-notification > div > .xcws-hz-learned > span { color: inherit; } .xcws-notif-host > div > .xcws-hz-notification > div > .xcws-hz-learned > span.xcws-hz-itself { font-size: 1.4em; } .xcws-notif-host > div .xcws-hz-pair-info { display: block; display: flex; justify-content: space-between; white-space: pre; align-items: baseline; } .xcws-notif-host > div .xcws-hz-pair-info > div { margin: 0; color: white; } @-webkit-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 5% { display: block; opacity: 1; left: 0px; } 75% { display: block; opacity: 1; left: 0px; } 100% { display: block; opacity: 0; left: 250px; } } .xcws-notif-host > div .xcws-hz--fade_out { -webkit-animation: fadeInFromNone 5s ease-out; } .xcws-notif-host > div .xcws-hz--move_element_up { -webkit-animation: fadeInFromNone 5s ease-out; } .xcws-notif-host > div .xcws-hz--do_after_goan{ opacity: 1; overflow-y: hidden; visibility: hidden; left: 0px ; -webkit-animation: xcws-hz---after_goan 0.5s; } @keyframes xcws-hz---after_goan { 0% { visibility:hidden; overflow-y: hidden; } 100% { padding: 0px; height: 0px; } } .xcws-notif-host > div > .xcws-hz-notification.xcws-hz-notification-type--success { background: green; } .xcws-notif-host > div > .xcws-hz-notification.xcws-hz-notification-type--error { background: orangered; } .xcws-notif-host > div > .xcws-hz-notification.xcws-hz-notification-type--info { background: dodgerblue; }