.customer-notify{position:relative}.customer-notify-toggle{align-items:center;background:#f4f2ff;border:1px solid #e3defc;border-radius:50%;color:#3e347f;display:flex;font-size:1.15rem;height:42px;justify-content:center;position:relative;transition:.18s ease;width:42px}.customer-notify-toggle:hover,.customer-notify-toggle[aria-expanded=true]{background:#ebe7ff;box-shadow:0 5px 15px rgba(62,52,127,.15);transform:translateY(-1px)}.customer-notify-badge{align-items:center;background:#e43b52;border:2px solid #fff;border-radius:999px;color:#fff;display:flex;font-size:.55rem;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 3px;position:absolute;right:-4px;top:-4px}.customer-notify-panel{background:#fff;border:1px solid #e7e4ef;border-radius:17px;box-shadow:0 22px 60px rgba(28,25,49,.2);overflow:hidden;position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 24px));z-index:1080}.customer-notify-panel[hidden]{display:none}.customer-notify-panel header{align-items:center;background:linear-gradient(120deg,#2d1f7a,#4146a5);color:#fff;display:flex;justify-content:space-between;padding:17px 18px}.customer-notify-panel header>div{display:flex;flex-direction:column}.customer-notify-panel header strong{font-size:.95rem}.customer-notify-panel header small{color:#d7d8ff;font-size:.68rem}.customer-notify-panel header button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.68rem;font-weight:700;padding:6px 9px}.customer-notify-list{max-height:420px;overflow:auto}.customer-notify-item{align-items:flex-start;background:#fff;border:0;border-bottom:1px solid #eeecf3;display:flex;gap:11px;padding:14px 15px;text-align:start;width:100%}.customer-notify-item:hover{background:#faf9ff}.customer-notify-item.is-unread{background:#f7f5ff}.customer-notify-item-icon{align-items:center;background:#eeeaff;border-radius:10px;color:#5748c6;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.customer-notify-item[data-category=promotion] .customer-notify-item-icon{background:#fff0db;color:#ce7100}.customer-notify-item[data-category=important] .customer-notify-item-icon{background:#ffe8e8;color:#cf3434}.customer-notify-item-copy{display:flex;flex:1;flex-direction:column;min-width:0}.customer-notify-item-copy strong{color:#272d3d;font-size:.78rem}.customer-notify-item-copy span{color:#687185;font-size:.7rem;line-height:1.45;margin-top:2px}.customer-notify-item-copy time{color:#a0a6b2;font-size:.6rem;margin-top:5px}.customer-notify-dot{background:#5c4bd5;border-radius:50%;flex:0 0 auto;height:7px;margin-top:7px;width:7px}.customer-notify-empty{align-items:center;color:#8991a0;display:flex;flex-direction:column;padding:46px 20px;text-align:center}.customer-notify-empty i{font-size:1.8rem;margin-bottom:7px}.customer-notify-empty strong{color:#41495a;font-size:.82rem}.customer-notify-empty span{font-size:.68rem}.customer-notify-loading{color:#788092;font-size:.75rem;padding:35px;text-align:center}[dir=rtl] .customer-notify-panel{left:0;right:auto}[dir=rtl] .customer-notify-item{text-align:right}@media(max-width:800px){.customer-notify-panel{position:fixed;right:12px;top:74px}[dir=rtl] .customer-notify-panel{left:12px;right:auto}}