.notification_offcanvas{background:var(--mm_bg);max-width:calc(100vw - 24px);box-shadow:-20px 0 60px rgba(var(--mm_navy_rgb),.22);border-radius:28px;margin:12px;overflow:hidden;border:none!important;width:400px!important;height:calc(100% - 24px)!important}.notification_offcanvas .notification_header{background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--mm_yellow)55%,transparent),transparent 45%),linear-gradient(130deg,var(--mm_primary),var(--mm_primary_dark)75%,var(--mm_navy));border-bottom:0;justify-content:space-between;align-items:center;min-height:88px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.notification_offcanvas .header_title_wrapper{align-items:center;gap:12px;display:flex}.notification_offcanvas .bell_icon_holder{background-color:var(--mm_white);width:44px;height:44px;color:var(--mm_primary);border-radius:14px;justify-content:center;align-items:center;font-size:18px;animation:3s ease-in-out infinite mm_bell_swing;display:flex;position:relative;transform:rotate(-6deg);box-shadow:0 4px #0000002e}.notification_offcanvas .badge_count{background-color:var(--mm_yellow);color:var(--mm_navy);border:2px solid var(--mm_white);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.notification_offcanvas .notification_title{color:#fff;font-family:var(--mm_font_heading);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:900}.notification_offcanvas .close_btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s,background-color .2s;display:flex}.notification_offcanvas .close_btn:hover{background:var(--mm_white);color:var(--mm_primary);transform:rotate(90deg)}.notification_offcanvas .notification_body{padding:16px;overflow-y:auto}.notification_offcanvas .notification_list{flex-direction:column;gap:12px;display:flex}.notification_offcanvas .notification_card{background-color:var(--mm_white);border:1px solid var(--mm_line);box-shadow:0 4px 0 var(--mm_bg_pink);transition:transform .25s var(--mm_ease),box-shadow .25s var(--mm_ease);border-radius:18px;gap:12px;padding:14px;display:flex;position:relative}.notification_offcanvas .notification_card:hover{box-shadow:0 8px 0 var(--mm_bg_pink),0 16px 26px rgba(var(--mm_navy_rgb),.08);transform:translateY(-3px)perspective(600px)rotateX(3deg)}.notification_offcanvas .notification_card.unread{background-color:var(--mm_white);border-color:color-mix(in srgb,var(--mm_primary)35%,var(--mm_line));box-shadow:0 4px 0 var(--mm_primary_tint)}.notification_offcanvas .notification_icon{background-color:var(--mm_primary_tint);width:40px;height:40px;color:var(--mm_primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.notification_offcanvas .notification_content{flex-direction:column;flex:1;gap:3px;display:flex}.notification_offcanvas .notification_content h6{color:var(--mm_navy);margin:0;font-size:14px;font-weight:600}.notification_offcanvas .notification_content p{color:var(--mm_muted);margin:0;font-size:13px;line-height:1.4}.notification_offcanvas .notification_time{color:var(--mm_muted);margin-top:4px;font-size:11px}.notification_offcanvas .no_data_wrapper{justify-content:center;align-items:center;height:100%;min-height:250px;display:flex}.notification_offcanvas .notification_body{background:var(--mm_bg)}.notification_offcanvas .notification_card.unread:before{content:"";background:var(--mm_primary);width:9px;height:9px;box-shadow:0 0 0 4px var(--mm_primary_tint);border-radius:50%;position:absolute;top:14px;right:14px}@keyframes mm_bell_swing{0%,70%,to{transform:rotate(-6deg)}76%{transform:rotate(12deg)}82%{transform:rotate(-14deg)}88%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.notification_offcanvas .bell_icon_holder{animation:none}}@media (max-width:575.98px){.notification_offcanvas{border-radius:0;max-width:100vw;margin:0;height:100%!important}}