.notifications-page{width:min(650px,100%);min-height:100vh;margin:auto;padding:0 18px 40px;color:#203128;background:#f5f7f5;font-family:Cairo,Tahoma,sans-serif}.notifications-page>header{height:70px;display:flex;align-items:center;justify-content:space-between}.notifications-page>header>a{display:flex;gap:5px;color:#377e4f;text-decoration:none;font-size:11px;font-weight:700}.notifications-page>header>div{display:grid;text-align:center}.notifications-page>header span{color:#78847c;font-size:9px}.notification-tools{display:flex;gap:7px;margin-bottom:14px}.notification-tools button{height:34px;padding:0 10px;display:flex;align-items:center;gap:4px;border:1px solid #dce5de;border-radius:8px;color:#39784d;background:#fff;font:inherit;font-size:9px;font-weight:700}.notification-tools svg{width:14px}.notification-tools .clear-all{margin-right:auto;color:#a44b4b}.notification-group h2{margin:14px 3px 7px;color:#65736a;font-size:11px}.notification-group article{position:relative;margin-bottom:7px;display:flex;border:1px solid #dfe7e1;border-radius:12px;background:#fff}.notification-group article.unread{border-right:4px solid #377e4f;background:#f3faf5}.notice-main{padding:12px;display:flex;align-items:center;gap:9px;flex:1;border:0;background:transparent;text-align:right;font:inherit}.notice-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:50%;color:#377e4f;background:#e8f3eb}.notice-icon.message{color:#2679a4;background:#e5f4fb}.notice-icon.review{color:#a5751b;background:#fff3d6}.notice-icon.verification{color:#346f9d;background:#e9f3fb}.notice-icon svg{width:19px}.notice-main>div{min-width:0;display:grid;flex:1}.notice-main strong{font-size:11px}.notice-main p{margin:2px 0;color:#6f7b73;font-size:9px;line-height:1.6}.notice-main small{color:#929b95;font-size:8px}.notice-main>svg{width:15px;color:#9aa39d}.notice-actions{padding:7px 7px 7px 0;display:flex;flex-direction:column;justify-content:center;gap:4px}.notice-actions button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:7px;color:#7c8880;background:#f0f3f1}.notice-actions svg{width:13px}.notifications-empty{padding:50px 20px;display:grid;justify-items:center;color:#7b877f;text-align:center}.notifications-empty h2{margin:8px 0 0;color:#35433a}.notifications-empty p{font-size:10px}