.shipo-notifications{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1100;font-family:"Segoe UI",system-ui,Arial,sans-serif}.shipo-notifications-bell{position:relative;display:none;width:54px;height:54px;border:0;border-radius:50%;background:#1769aa;color:#fff;box-shadow:0 4px 16px #0005;font-size:21px;cursor:pointer}.shipo-notifications-bell.is-visible{display:block;animation:shipo-notification-appear 180ms ease-out}.shipo-notifications-badge{position:absolute;top:3px;right:3px;display:none;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#ed334b}.shipo-notifications-badge.has-unread{display:block}.shipo-notifications-panel{position:absolute;right:0;bottom:66px;width:min(340px,calc(100vw - 32px));max-height:min(70vh,500px);overflow:auto;border:1px solid #d5dbe3;border-radius:12px;background:#fff;color:#202630;box-shadow:0 8px 28px #0003}.shipo-notifications-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e8ebef;background:#fff;font-size:14px}.shipo-notifications-header-actions{display:flex;align-items:center;gap:2px}.shipo-notifications-close,.shipo-notifications-collapse{width:30px;height:30px;border:0;border-radius:50%;background:0 0;color:#596273;font-size:24px;line-height:1;cursor:pointer}.shipo-notifications-list{margin:0;padding:4px 0;list-style:none}.shipo-notification-item{width:100%;padding:11px 14px;border:0;border-bottom:1px solid #edf0f3;background:0 0;color:#394150;text-align:left;cursor:pointer}.shipo-notification-item:focus-visible,.shipo-notification-item:hover{background:#f3f6fa}.shipo-notification-item.is-unread{color:#172235;font-weight:700}.shipo-notifications-detail{padding:12px 14px 14px;border-top:1px solid #e8ebef;background:#f8fafc}.shipo-notifications-detail h3{margin:0 0 6px;font-size:14px}.shipo-notifications-detail p{margin:0;color:#4a5361;font-size:13px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}@keyframes shipo-notification-appear{from{transform:scale(.85);opacity:.5}to{transform:scale(1);opacity:1}}@media (max-width:500px){.shipo-notifications{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}