*{box-sizing:border-box}.notifications-page{color:#17231c;background:#f3f5f2;min-height:100vh;padding:30px clamp(16px,6vw,85px);font-family:Arial,sans-serif}.notifications-page>header{justify-content:space-between;display:flex}.notifications-page header a{color:#173d2b;font-size:21px;font-weight:900;text-decoration:none}.notifications-page header button{color:#315f46;background:0 0;border:0;font-weight:850}.notification-hero{margin:60px 0 25px}.notification-hero span{letter-spacing:1.6px;color:#e86737;font-size:10px;font-weight:900}.notification-hero h1{margin:9px 0;font-size:clamp(38px,5vw,58px)}.notification-hero p{color:#68746c}.notifications-page nav{gap:8px;margin-bottom:16px;display:flex}.notifications-page nav button{background:#fff;border:1px solid #d6ddd8;border-radius:20px;padding:9px 13px}.notifications-page nav button.on{color:#fff;background:#173d2b}.notification-list{background:#fff;border:1px solid #dce2dd;border-radius:17px;max-width:900px;padding:5px 20px}.notification-list>a{color:inherit;border-bottom:1px solid #edf0ed;align-items:center;gap:14px;padding:17px 0;text-decoration:none;display:flex}.notification-list>a.read{opacity:.62}.notification-list i{color:#245b38;background:#edf6ef;border-radius:11px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.notification-list>a>div{flex:1}.notification-list b{font-size:13px}.notification-list p{color:#68746c;margin:5px 0;font-size:11px}.notification-list small{color:#8a938d;font-size:9px}.notification-list em{color:#a9401b;background:#fff0eb;border-radius:14px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900}.notification-empty{text-align:center;color:#69756d;padding:60px 20px}.notification-error{background:#fff0eb;border-radius:9px;padding:12px}@media (max-width:600px){.notifications-page nav{overflow:auto}.notification-list{padding:4px 13px}.notifications-page>header button{font-size:10px}}