.ljo-notification-tray{position:fixed;z-index:10030;display:flex;flex-direction:column;background:#fff;border:1px solid #e3dced;border-radius:17px;box-shadow:0 16px 60px #32234a30;overflow:hidden;color:#272236;font-family:inherit;box-sizing:border-box}.ljo-notification-tray[hidden]{display:none!important}.ljo-notification-tray *{box-sizing:border-box}.ljo-notification-tray>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#f6f3fb;border-bottom:1px solid #ece6f2}.ljo-notification-tray h2{font-size:17px!important;line-height:1.25;margin:0 0 4px;font-weight:800}.ljo-notification-tray header span{font-size:11px;color:#81718f}.ljo-notification-tray button{font:inherit;cursor:pointer}.ljo-notification-tray [data-tray-close]{font-size:25px;line-height:1;border:0;background:#ece6f5;color:#6e528b;width:30px;height:30px;border-radius:50%}.ljo-tray-list{overflow:auto;overscroll-behavior:contain;max-height:420px}.ljo-tray-item{width:100%;display:flex;align-items:flex-start;gap:11px;border:0;border-bottom:1px solid #f0eaf5;padding:15px 17px;background:white;text-align:left;color:inherit}.ljo-tray-item.is-unread{background:#fbf9ff}.ljo-tray-item:hover{background:#f3edf9}.ljo-tray-icon,.ljo-tray-item .notification-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:50%;background:#eee8f8;font-size:16px;position:relative;overflow:hidden}.ljo-tray-item .notification-icon img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.ljo-tray-copy{display:block;min-width:0;flex:1}.ljo-tray-copy strong{font-size:12px;line-height:1.45;font-weight:750;display:block;overflow-wrap:anywhere}.ljo-tray-copy>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.45;color:#81798c;margin:3px 0;overflow-wrap:anywhere}.ljo-tray-copy time{font-size:10px;color:#a096ad}.ljo-tray-item>i{height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:#8a65c3;margin-top:8px}.ljo-notification-tray>footer{display:flex;gap:10px;justify-content:space-between;padding:13px 16px;border-top:1px solid #eae4f1;background:#fff}.ljo-notification-tray footer button,.ljo-tray-empty button{border:0;background:none;color:#7855ae;font-size:11px;font-weight:750;line-height:1.4;padding:5px 0}.ljo-notification-tray button:disabled{opacity:.5;cursor:default}.ljo-tray-empty{padding:28px 20px;text-align:center;color:#81758d;font-size:13px;line-height:1.7}.ljo-tray-empty button{display:block;margin:12px auto}.ljo-notification-tray :focus-visible{outline:3px solid #b89bdc;outline-offset:-3px}
@media(max-width:480px){.ljo-tray-item{padding:12px}.ljo-notification-tray>footer{padding:11px 13px}.ljo-notification-tray footer button{font-size:10px}.ljo-notification-tray>header{padding:13px 15px}}