.pay-notifications-trigger{border:1px solid var(--pay-border);color:#526f64;background:#f7f9f6;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.pay-notifications-trigger>span{color:#fff;background:#086b63;border:2px solid #fff;border-radius:20px;min-width:18px;padding:1px 3px;font-size:9px;font-weight:700;position:absolute;top:-5px;right:-5px}.pay-notifications-menu{width:min(355px,100vw - 24px)}.pay-notifications-menu .pay-dropdown-label{justify-content:space-between;align-items:center;display:flex}.pay-notifications-menu small{color:#70837d;font-size:11px;font-weight:400;display:block}.pay-notification-preview{text-align:left;align-items:flex-start;gap:10px;width:100%;padding:12px}.pay-notification-preview strong{font-size:12px;font-weight:650;display:block}.pay-notification-preview time{color:#70837d;font-size:10px}.pay-notification-dot{background:#086b63;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.pay-notification-dot.read{background:#dfe7e1}.pay-notifications-empty{color:#70837d;padding:18px 12px;font-size:12px}.pay-notification-list{gap:8px;display:grid}.pay-notification-list>header{justify-content:space-between;align-items:center;gap:16px;min-height:36px;margin-bottom:4px;display:flex}.pay-notification-list>header p{color:var(--pay-muted);margin:0;font-size:12px}.pay-notification-list>header .pay-notification-mark{justify-items:end;display:grid}.pay-notification-list>header .pay-button{padding:6px 10px;font-size:12px}.pay-notification-row{border:1px solid var(--pay-border);border-radius:12px;grid-template-columns:36px minmax(0,1fr);gap:8px 14px;padding:16px;display:grid}.pay-notification-row.unread{background:#f5f9f2;border-color:#dfe9da}.pay-notification-symbol{color:#638158;background:#e7efdf;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pay-notification-body{min-width:0}.pay-notification-body>div{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.pay-notification-body h3{margin:0;font-size:14px}.pay-notification-body p{color:#667c70;margin:4px 0 6px;font-size:13px;line-height:1.5}.pay-notification-body time{color:var(--pay-muted);font-size:12px}.pay-notification-new{color:#086b63;background:#e4efe5;border-radius:20px;padding:2px 8px;font-size:11px}.pay-notification-actions,.pay-notification-row>.pay-demo-link{grid-column:2}.pay-notification-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.pay-notification-actions .pay-button{padding:5px 10px;font-size:12px}.pay-notification-actions .pay-demo-link,.pay-notification-row>.pay-demo-link{background:0 0;border:0;padding:0;font-size:13px}.pay-notification-zero{text-align:center;padding:48px 16px}.pay-notification-zero svg{color:#77906b;display:inline-block}.pay-notification-zero h3{margin:15px 0 7px}.pay-notification-zero p{color:var(--pay-muted);font-size:13px}.pay-notification-tabs{background:#f3f6f2;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.pay-notification-tabs button{color:#5f766c;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 14px;font-size:13px}.pay-notification-tabs button[aria-pressed=true]{color:#086b63;background:#fff;font-weight:700;box-shadow:0 1px 2px #153b3414}.pay-notification-pagination{justify-content:space-between;gap:20px;padding:16px 0 0;display:flex}.pay-push-preferences{flex-basis:100%;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.pay-push-preferences h2{margin:0;font-size:13px;font-weight:700}.pay-push-preferences p{color:var(--pay-muted);margin:2px 0 0;font-size:12px;line-height:18px}.pay-push-preferences .pay-button{flex-shrink:0;padding:6px 12px;font-size:12px}@media (max-width:480px){.pay-push-preferences{flex-wrap:wrap}}