.welcome-notification{position:fixed;z-index:30;top:92px;right:30px;width:min(370px,calc(100vw - 40px));display:grid;grid-template-columns:43px 1fr;gap:13px;padding:18px 20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg,#0a2846,#16222d);color:#fff;box-shadow:0 19px 42px rgba(4,19,33,.32);animation:notice-enter .75s cubic-bezier(.16,1,.3,1) both}.notice-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#ffba13;color:#0a2846;font-size:22px;box-shadow:0 7px 17px rgba(255,186,19,.28)}.welcome-notification strong{display:block;margin-top:1px;font-size:14px}.welcome-notification p{margin:7px 0 13px;color:rgba(255,255,255,.74);font-size:12px;line-height:1.45}.notice-progress{display:block;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.18)}.notice-progress:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:#ffba13;transform-origin:left;animation:notice-fill 5s linear both}.welcome-notification.is-leaving{animation:notice-leave .7s cubic-bezier(.7,0,.84,0) both}@keyframes notice-enter{from{opacity:0;transform:translateX(70px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes notice-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes notice-leave{to{opacity:0;transform:translateX(calc(100% + 60px)) scale(.92)}}@media(max-width:680px){.welcome-notification{top:61px;right:20px}}
.notice-progress:after{animation-name:notice-drain!important;animation-duration:5s!important;animation-timing-function:linear!important;animation-fill-mode:both!important}@keyframes notice-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}