.notification-banner-container{position:-webkit-sticky;position:sticky;margin-top:-20px;top:72px;z-index:z(banner)}.notification-banner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:45px;padding:5px 15px;font-size:1.07143rem;font-weight:500;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)!important}.notification-banner a{color:#000;text-decoration:underline;margin:0 5px}.notification-banner .close{position:absolute;right:0}.notification-banner.is-refresh{color:#fff;background-color:#1d7dfb}.notification-banner.is-refresh a{color:#fff}.notification-banner.is-push-permission{color:#000;background-color:#ffcb12}.notification-banner.is-push-permission a{color:#000}.is-notification .notification-card{margin:0 13px 13px;padding:13px 18px;background-color:var(--notification-card-bg-color);border-radius:5px;-webkit-box-shadow:var(--notification-card-shadow);box-shadow:var(--notification-card-shadow)}.is-notification .notification-card .notification-item .item-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:unset;align-self:unset}.is-notification .notification-card .notification-item .item-content a{font-size:1.07143rem;color:var(--notification-card-color)}.is-notification .notification-card .notification-item .item-content a:hover{color:var(--link-color)}.is-notification .notification-card .notification-item .item-content p:last-of-type{font-size:.92857rem;color:var(--notification-card-secondary-color)}.is-notification .notification-card .notification-item .is-close{color:var(--notification-card-secondary-color)}.is-notification .notification-card .notification-item .is-close:hover{color:var(--link-color)}[badge]:after{background:var(--badge-bg-color);border-radius:10px;color:var(--badge-color);content:attr(badge);font-size:11px;font-weight:600;min-width:20px;min-height:20px;line-height:18px;padding:1px 5px;position:absolute;top:-10px;left:17px;text-align:center;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}[badge="0"]:after,[badge^="-"]:after{opacity:0}.notification-card-transition-enter-active,.notification-card-transition-leave-active{position:absolute;width:100%;-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1)}.notification-card-transition-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.notification-card-transition-enter-to{-webkit-transform:translateY(90%);transform:translateY(90%)}.notification-card-transition-leave{-webkit-transform:translateY(0);transform:translateY(0)}.notification-card-transition-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}