.Notification{background-color:#fff;width:100%;min-height:70vh;padding-bottom:40px}.Notification .notification_container{margin:0 auto}.Notification .notification_group{margin-top:16px}.Notification .notification_group_title{color:#000;margin:0 0 10px;font-size:18px;font-weight:500}.Notification .notification_order_card{margin-bottom:12px}.Notification .status_text_holder,.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .footer_text .delivery_text,.Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder{width:50%}.Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder p{text-align:end}.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .first_div .order_id{width:50%}.Notification .status_text_holder .Status_text{text-align:end}.Notification .notification_empty{text-align:center;color:#6b7280;padding:50px 0;font-size:14px}@media (min-width:0) and (max-width:575px){.Notification .status_text_holder,.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .footer_text .delivery_text,.Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder{width:100%}.Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder p{text-align:left}.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .first_div .order_id{width:100%}.Notification .status_text_holder .Status_text{text-align:left}.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .first_div,.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .footer_text{display:block}}@media (min-width:0) and (max-width:485px){.Notification .notification_group{margin-top:12px}.Notification .notification_group_title{margin-bottom:8px;font-size:14px}}
.NotificationItem{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;display:flex;box-shadow:0 1px 4px #00000014}.NotificationItem .ni_icon{color:#f97316;background-color:#fde3cf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.NotificationItem .ni_content{min-width:0}.NotificationItem .ni_title{color:#000;margin:0 0 2px;font-size:15px;font-weight:500}.NotificationItem .ni_message{color:#000;margin:0 0 4px;font-size:13px;line-height:1.4}.NotificationItem .ni_time{color:#1e3a8a;margin:0;font-size:11px;font-weight:500}@media (min-width:0) and (max-width:485px){.NotificationItem{gap:10px;padding:10px}.NotificationItem .ni_icon{width:34px;height:34px;font-size:14px}.NotificationItem .ni_title{font-size:12px}.NotificationItem .ni_message{font-size:10px}.NotificationItem .ni_time{font-size:8px}}a.NotificationItem{color:inherit;text-decoration:none}a.NotificationItem:hover{border-color:#bfdbfe}.NotificationItem.is_new{background:#f3f8ff;border-color:#bcd6fb #bcd6fb #bcd6fb #0f3768;border-left-style:solid;border-left-width:4px}.NotificationItem.is_expired{background:#f8f9fb}.NotificationItem.is_expired .ni_icon{color:#9ca3af;background:#e5e7eb}.NotificationItem.is_expired .ni_title,.NotificationItem.is_expired .ni_message{color:#8b95a5}.NotificationItem .ni_content{flex:1}.NotificationItem .ni_meta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.NotificationItem .ni_tag{vertical-align:middle;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}.NotificationItem .ni_title .ni_tag{margin-left:8px}.NotificationItem .ni_tag_new{color:#fff;background:#0f3768}.NotificationItem .ni_tag_seen{color:#6b7a90;background:#eef1f5}.NotificationItem .ni_tag_active{color:#16803c;background:#e6f6ec}.NotificationItem .ni_tag_expired{color:#c62d1f;background:#fdecea}
.offcanvas.NotificationOffcanvas{z-index:1100;width:420px;max-width:100vw}.NotificationOffcanvas .offcanvas-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 6px #0f37680f}.NotificationOffcanvas .no_back{color:#0f172a;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.NotificationOffcanvas .no_back:hover{background:#f1f5f9}.NotificationOffcanvas .no_spacer{width:34px}.NotificationOffcanvas .offcanvas-title{text-align:center;color:#0f172a;flex:1;font-size:18px;font-weight:700}.NotificationOffcanvas .notification_group_title{font-size:16px;font-weight:700}.NotificationOffcanvas .offcanvas-body{background:#fff;padding:4px 16px 24px}.NotificationOffcanvas .Notification{background:0 0;min-height:0;padding-bottom:0}.NotificationOffcanvas .Notification .notification_container{padding:0}