.mvc-notifications-container{height:calc(100vh - var(--header) - var(--footer));left:0;top:var(--header);z-index:110;padding:var(--gap)0 var(--gap)calc(var(--gap)/2);background-color:#29367c;border-top:1px solid #616161;width:100%;display:none;position:absolute;overflow-y:scroll}.mvc-notifications-container::-webkit-scrollbar-track{background-color:#29367c;padding:2px 0}.mvc-notifications-container::-webkit-scrollbar{width:10px}.mvc-notifications-container::-webkit-scrollbar-thumb{background-color:#fff;border:1px solid #000;border-radius:10px;box-shadow:inset 0 0 6px #0000004d}.notification-active{position:relative}.notification-active:after{content:"";background-color:#ffd437;border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.notification-header{margin-bottom:var(--gap);justify-content:space-between;align-items:center;display:flex}.notification-header h2{color:#fff;margin-bottom:0;font-size:24px}.notification-header .notif-close-wrapper{cursor:pointer;background-color:#0000;border:0}.notification-header .notif-close-wrapper svg{fill:#fff;width:30px}.notification-card-wrapper{justify-content:flex-start;align-items:center;gap:var(--gap);color:#fff;padding:var(--gap);margin-bottom:var(--gap);border-radius:var(--block-border);background-color:#5e699f;display:flex}.notification-card-wrapper .notif-image img{width:80px}.notification-card-wrapper .notif-title{margin-bottom:calc(var(--gap)/2);font-size:20px;font-weight:700}.notification-card-wrapper .notif-desc{margin-bottom:calc(var(--gap)/2);font-size:14px}.notification-card-wrapper .notif-date{font-size:12px}.notification-card-wrapper.not-read{color:#29367c;background-color:#fff}.notification-card-wrapper.not-read .notif-image{position:relative}.notification-card-wrapper.not-read .notif-image:before{content:"";background-color:#ffd437;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:0}.notification-card-wrapper.not-read .notif-desc{color:#030303}