.mobin-notif-wrap{position:relative;display:inline-block;line-height:0}.mobin-notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;margin:0;padding:6px;cursor:pointer;color:var(--mobin-bell-color,currentColor);line-height:0}.mobin-notif-bell-icon{display:block;transform-origin:50% 0}.mobin-notif-bell.is-shaking .mobin-notif-bell-icon{animation-name:mobin-notif-shake;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.mobin-notif-badge{position:absolute;top:-2px;inset-inline-end:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--mobin-badge-bg,#e5342b);color:var(--mobin-badge-text,#fff);font-size:11px;line-height:16px;text-align:center;font-weight:600}.mobin-notif-badge[hidden]{display:none}.mobin-notif-panel{position:absolute;top:100%;inset-inline-end:0;margin-top:14px;width:340px;max-width:calc(100vw - 20px);background:var(--mobin-panel-bg,#fff);border-radius:8px;box-shadow:0 6px 24px rgb(0 0 0 / .16);z-index:9999;direction:rtl;text-align:right;font-size:14px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity 0.16s ease,transform 0.16s ease,visibility 0s linear 0.16s}.rtl .mobin-notif-panel{transform-origin:top left}.mobin-notif-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity 0.16s ease,transform 0.16s ease}.mobin-notif-panel::before{content:"";position:absolute;top:-6px;inset-inline-end:14px;width:12px;height:12px;background:var(--mobin-panel-bg,#fff);transform:rotate(45deg);border-radius:2px 0 0 0}.mobin-notif-panel-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgb(0 0 0 / .08);background:var(--mobin-panel-bg,#fff);border-radius:8px 8px 0 0}.mobin-notif-panel-title{color:#000;font-weight:700}.mobin-notif-mark-all{background:none;border:0;margin:0;padding:0;color:inherit;opacity:.7;cursor:pointer;font-size:13px;text-decoration:underline}.mobin-notif-mark-all:hover{opacity:1}.mobin-notif-panel-list{display:flex;flex-direction:column;gap:var(--mobin-item-spacing,10px);max-height:360px;overflow-y:auto;overflow-x:hidden;padding:10px;border-radius:0 0 8px 8px}.mobin-notif-empty{padding:24px 16px;text-align:center;opacity:.6}.mobin-notif-item{border:1px solid rgb(0 0 0 / .08);border-radius:8px;padding:10px 14px}.mobin-notif-item-head{display:flex;align-items:center;gap:8px}.mobin-notif-item-date{display:inline-flex;align-items:center;flex:none;gap:4px;color:inherit;opacity:.6;font-size:11px}.mobin-notif-date-icon{flex:none}.mobin-notif-item-title{flex:1;display:flex;align-items:center;gap:8px;background:none;border:0;margin:0;padding:0;min-width:0;color:inherit;font-size:14px;font-weight:600;text-align:inherit;cursor:pointer}.mobin-notif-item-title>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobin-notif-dot{width:7px;height:7px;border-radius:50%;background:var(--mobin-badge-bg,#e5342b);flex:none}.mobin-notif-dot[hidden]{display:none}.mobin-notif-item-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:0;margin:0;padding:0;color:inherit;opacity:.6;cursor:pointer}.mobin-notif-item-toggle:hover{opacity:1}.mobin-notif-item-toggle .fl-icon{display:inline-block;transition:transform 0.15s ease}.mobin-notif-item-toggle[aria-expanded="true"] .fl-icon{transform:rotate(180deg)}.mobin-notif-mark-read{flex:none;background:none;border:1px solid rgb(0 0 0 / .15);border-radius:4px;margin:0;padding:2px 6px;font-size:11px;line-height:1.6;cursor:pointer;color:inherit}.mobin-notif-item-body{margin-top:8px;line-height:1.7;overflow-wrap:break-word}.mobin-notif-item-body[hidden]{display:none}@media (max-width:600px){.mobin-notif-panel{position:fixed;inset-inline:0;width:auto;max-width:none;margin-top:0;border-radius:0;transform:translateY(-8px) scale(.98)}.mobin-notif-panel.is-open{transform:translateY(0) scale(1)}.mobin-notif-panel::before{display:none}.mobin-notif-panel-list{max-height:calc(100vh - 120px)}}