::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:maroon}::-webkit-scrollbar-thumb:hover{background:#000}.notification-icon{display:flex;align-items:center;justify-content:center;margin-left:20px;position:relative;cursor:pointer}.notification-icon svg{fill:#fff;width:30px;display:flex;height:30px;transform:scale(1)}.notification-icon svg:hover{transform:scale(1.1);transition:.5s all}body.notification-open .overlay-notification{position:fixed;top:0;right:0;left:0;bottom:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;height:100%;cursor:pointer;z-index:99;display:flex}body.notification-open .header-custom-sec{z-index:9999}body.notification-open{overflow:hidden!important}.notification-main{width:30%;position:fixed;height:100%;background:#000;z-index:99999999;padding:20px 0;overflow-y:scroll;top:0;transition:.5s all;right:-100%;bottom:0}body.notification-open .notification-main{transition:.5s all;right:0}.notification-icon img{display:none;filter:invert(1);width:33px;transform:scale(1)}.notification-icon img:hover{transform:scale(1.1);transition:.5s all}.notification-main *{color:#fff}body.zero-notification .notifications-count{display:none}.notifications-count{display:flex;background:#fff;border-radius:50%;font-size:13px;width:17px;height:17px;color:#000;justify-content:center;font-weight:700;position:absolute;right:-5px;top:-2px;align-items:center}body.notification-arrived .notification-icon img{display:flex}body.notification-arrived .notification-icon svg{display:none}body.zero-notification .notification-icon svg{display:flex}body.zero-notification .notification-icon img{display:none}.custom-content-noti img{height:100px;width:100px;border-radius:50%;object-fit:cover}.cstqm-headingcat-noti *{color:#71c26e;font-weight:900;padding:20px 30px 12px;margin:0;text-decoration:underline;text-underline-offset:5px;letter-spacing:calc(var(--font-heading-scale)* .06rem);font-family:Rift Bold,sans-serif!important;font-size:calc(var(--font-heading-scale)* 2.4rem)}.flex-inner-noti a{display:flex;align-items:flex-start;gap:16px;padding:20px 30px;text-decoration:none;transition:.5s all;align-items:center;border-bottom:1px solid #ffffff5e}.flex-inner-noti:hover{background:#fff;transition:.5s all;color:#000}.flex-inner-noti:hover *{transition:.5s all;color:#000}.cstqm-heading-noti *{margin:0;font-size:17px;letter-spacing:2px;font-family:Rift Bold,sans-serif!important}.cstm-description-noti *{margin:0;font-size:13px;font-weight:300;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;letter-spacing:.5px}.cstqm-heading-noti{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1px;gap:10px;line-height:normal}.left-inner-noti{display:flex;align-items:center}.cstqm-headingcat-noti * a{padding:0;margin:0}span.notification-remove{text-align:right;font-size:27px;cursor:pointer;width:30px;display:flex;align-items:center;justify-content:center;height:30px;position:absolute;right:5px;top:50%;transform:translate(-0%,-50%)}.flex-inner-noti{position:relative}.no-notification{display:none}body.empty-notification .no-notification{display:flex;align-items:center;justify-content:center;font-size:20px}.unread-notification .cstqm-heading-noti:after{border-radius:9999px;background-color:red;width:.7rem;height:.7rem;content:""}svg.notification-close{fill:#fff;width:33px;height:33px;border-radius:99999px;border:2px solid;padding:5px;position:fixed;right:-100%;top:20px;cursor:pointer;background:#000!important;transform:scale(1);z-index:9999999;transition:.5s all}body.notification-open svg.notification-close{transition:.5s all;right:30px}body.notification-open svg.notification-close:hover{transition:.5s all;transform:scale(1.1)}@media (min-width:991px){.classadded header .notification-icon .notifications-count,.menu-opened-script-class header .notification-icon .notifications-count{background:#000;color:#fff!important}.classadded header .notification-icon img,.menu-opened-script-class header .notification-icon img{filter:unset}}@media (max-width:1440px){.notification-main{width:47%}}@media (max-width:992px){.notification-icon{margin-left:0}.notification-icon svg{width:26px;height:26px}.notification-main{height:0;top:-100%;right:0;width:100%}body.notification-open .notification-main{transition:.5s all;top:0;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/custom-notification.css.map */