[notification-item]{color:hsla(0,0%,100%,.8);margin-bottom:20px;padding:20px;border-radius:16px;background-color:#242a32}[notification-item]>.header{display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:17px;border-bottom:1px solid hsla(0,0%,100%,.1);gap:12px}[notification-item]>.header .title{flex-grow:1;display:flex}[notification-item]>.header .title .icon{opacity:.8;width:20px;height:20px;vertical-align:middle;margin-right:10px;flex-shrink:0}[notification-item]>.header .title .icon .stroke-target{stroke:#fff}[notification-item]>.header .title .icon .fill-target{fill:#fff}[notification-item]>.header .title .lvup-icon{display:none;width:50px;height:35px}[notification-item]>.header .title .wcg-icon{display:none}[notification-item]>.header .title span{display:block;word-break:break-all}[notification-item]>.header .option{color:hsla(0,0%,100%,.5);flex-shrink:0}[notification-item]>.header .option svg{width:20px;height:20px;opacity:.5;vertical-align:middle;margin-left:8px}[notification-item]>.header .option svg .fill-target{fill:#fff}[notification-item]>.header .option>span{font-size:12px}[notification-item]>.header span{vertical-align:middle}[notification-item]>.body{margin-top:18px}[notification-item]>.body p{font-size:12px}[notification-item]>.body p .link{border-bottom:1px solid hsla(0,0%,100%,.8)}[notification-item]>.body .sub-msg{margin-top:10px;opacity:.8}[notification-item]>.body .status{text-align:center}[notification-item]>.body .status.expired{margin-top:10px;font-size:11px;opacity:.8}[notification-item]>.body .warning,[notification-item]>.body em{color:#e5bb30}[notification-item]>.body .msg{margin-top:8px}[notification-item]>.body .room-box{border-radius:2px;background-color:#2c2c2c;margin-bottom:16px;padding:8px}[notification-item]>.body [count-down]{margin-top:20px;text-align:center}[notification-item]>.body [count-down].expired{font-size:11px;opacity:.8}[notification-item] .btn-wrap{margin-top:20px;text-align:right}[notification-item] .btn-wrap button{height:40px;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px;background-image:linear-gradient(180deg,#f7f7f9,#ebebf0);color:rgba(0,0,0,.5);font-size:13px;border-radius:20px}[notification-item] .btn-wrap button.btn-close{display:none}.no-touch [notification-item] .btn-wrap button:hover:not(.hover-disable),[notification-item] .btn-wrap button:active{color:#000}.no-shrink{flex-shrink:0}