.mpn-notification-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.mpn-notification-bell{position:relative;cursor:pointer}.mpn-notification-bell i{font-size:22px!important}.mpn-notification-bell .mpn-notification-status{position:absolute;width:6px;height:6px;top:3px;right:3px;background:red;outline:2px solid #15151f;border-radius:50%}#mpn-notification-dropdown-desktop{display:none;position:absolute;top:40px;right:-23px;background:linear-gradient(333deg,#15151f 0%,#15151f 50%,#192e52 100%);box-shadow:0 4px 6px rgb(0 0 0 / .1);border-radius:10px;width:500px;padding:20px;overflow-y:auto;max-height:75vh;scrollbar-width:none}#mpn-notification-dropdown-mobile{display:none;position:fixed;top:0;right:0;width:100%;height:100%;padding:70px 20px;background:#15151f;scrollbar-width:none;overflow-y:auto}#mpn-notification-dropdown-desktop::before{content:" ";height:0;position:absolute;top:-8px;width:0;z-index:1;right:26px;border-left:8px solid #fff0;border-right:8px solid #fff0;border-bottom:8px solid #1e1e30}#mpn-backdrop-desktop{position:fixed;width:100%;height:100%;top:0;right:0;z-index:1000}#mpn-backdrop-mobile{position:fixed;display:flex;align-items:center;justify-content:center;width:30px;height:30px;top:80px;right:30px;cursor:pointer;z-index:1002;border-radius:5px;border:1px solid #27273c;transition:all 0.5s}#mpn-backdrop-mobile:hover{background-color:#313183;border-color:#313183}#mpn-backdrop-mobile::after{content:"\00D7";color:#fff}.mpn-notification-header{position:relative;z-index:1001;display:flex;padding:10px 0 20px}.mpn-notification-header .mpn-notification-announce{display:flex;flex-direction:column;gap:15px;flex-grow:1;color:#fff}.mpn-notification-announce p{margin:0;font-size:18px;font-weight:700;color:#fff}.mpn-notification-announce span{font-size:14px}.mpn-notification-mark-all-as-read{margin-left:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;height:30px;border-radius:5px;border:1px solid #27273c;transition:all 0.5s}#mpn-mark-all-as-read-mobile{margin-right:50px}.mpn-notification-mark-all-as-read img{height:20px!important}.mpn-notification-mark-all-as-read:hover{background-color:#313183;border-color:#313183}.mpn-notification-list{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px 0;z-index:1001;border-top:1px solid #27273c}#show-all-notifications.show-all-btn{position:relative;background-color:#fff0;border:none;z-index:1001;margin-left:auto;float:right;padding:5px 15px}#show-all-notifications.show-all-btn:hover{text-decoration:underline}.mpn-notification-group{font-size:14px;font-weight:700;color:#fff}.mpn-notification-item{padding:10px;border:1px solid #27273c}.mpn-notification-item.video{background:linear-gradient(90deg,rgb(251 67 67 / .4) 0%,#fff0 10%,#15151f 15%,#15151f 100%)}.mpn-notification-item.exclamation{background:linear-gradient(90deg,rgb(0 191 255 / .4) 0%,#fff0 10%,#15151f 15%,#15151f 100%)}.hidden-notification{display:none!important;opacity:0!important;transition:opacity 0.3s ease-in-out}.mpn-notification-item-header{display:flex;align-items:center;gap:20px}.mpn-notification-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#15151f;border:1px solid #27273c}.mpn-notification-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#27273c}.mpn-notification-title{flex-grow:1;margin:0;font-size:16px;font-weight:700;color:#fff}.mpn-notification-content{padding:10px 30px 10px 52px}.mpn-notification-content p{margin:0;color:#fff;line-height:1.6em;font-size:14px}.mpn-notification-link{display:block;font-size:14px;text-align:center;margin-left:auto;margin-top:10px;color:#fff;border-radius:20px;border:1px solid #fff;padding:4px;width:70px;transition:all 0.5s}.mpn-notification-content .mpn-notification-link:hover{background-color:#313183;border-color:#313183}.mpn-fadeout{animation:fadeOut 0.3s forwards}.mpn-fadein{animation:fadeIn 0.3s forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0;display:none}}@keyframes fadeIn{from{opacity:0;display:none}to{opacity:1;display:block}}