.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>header{border-bottom:1px solid var(--pay-border);justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;display:flex}.pay-notification-list h2{margin:0;font-size:15px}.pay-notification-list header p{color:var(--pay-muted);margin:4px 0 0;font-size:12px}.pay-notification-row{border-bottom:1px solid var(--pay-border);align-items:flex-start;gap:16px;padding:24px 26px;display:flex}.pay-notification-row:last-child{border:0}.pay-notification-row.unread{background:#f5f9f2}.pay-notification-symbol{color:#638158;background:#e7efdf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pay-notification-body{flex:1;min-width:0}.pay-notification-body>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pay-notification-body h3{margin:0;font-size:13px}.pay-notification-body p{color:#667c70;margin:5px 0 8px;font-size:12px}.pay-notification-body time{color:var(--pay-muted);font-size:11px}.pay-notification-new{color:#086b63;background:#e4efe5;border-radius:20px;padding:2px 7px;font-size:10px}.pay-notification-actions{justify-items:end;gap:10px;display:grid}.pay-notification-actions .pay-button{padding:5px 9px;font-size:10px}.pay-notification-actions .pay-demo-link{background:0 0;border:0;font-size:12px}.pay-notification-zero{text-align:center;padding:64px 24px}.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{gap:8px;margin-bottom:20px;display:flex}.pay-notification-tabs a{color:#70837d;border-radius:8px;padding:8px 16px}.pay-notification-tabs a[aria-current]{color:#086b63;background:#eaf2e9;font-weight:700}.pay-notification-pagination{justify-content:space-between;gap:20px;padding:22px 0;display:flex}@media (max-width:700px){.pay-notification-row{flex-wrap:wrap;padding:20px 17px}.pay-notification-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-left:52px;display:flex}.pay-notification-list>header{flex-wrap:wrap;padding:20px 17px}}