.notification-menu{position:relative}.notification-bell{font:inherit;cursor:pointer}.notification-dropdown{position:absolute;z-index:20;right:-64px;top:54px;width:min(390px,calc(100vw - 24px));border:1px solid #303b42;border-radius:14px;background:#0c1114;box-shadow:0 22px 70px #000c;overflow:hidden}.notification-dropdown[hidden]{display:none}.notification-dropdown>header{position:static;height:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:0;border-bottom:1px solid var(--line);background:#10171b;box-shadow:none}.notification-dropdown h2{font-size:21px;margin:3px 0 0}.notification-dropdown>header>span{padding:5px 8px;border-radius:10px;background:var(--orange);color:#080a0c;font-size:10px;font-weight:900}.notification-previews{max-height:410px;overflow:auto}.notification-preview{display:flex;align-items:flex-start;gap:12px;padding:14px 17px;border-bottom:1px solid #20282d;transition:.15s}.notification-preview:hover{background:#151d21}.notification-preview.unread{background:#ff5b2209}.notification-preview.unread:after{content:'';width:7px;height:7px;margin:6px 0 0 auto;border-radius:50%;background:var(--orange);flex:0 0 auto}.notification-preview>span:not(.notification-avatar){display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.notification-preview b{font-size:12px;line-height:1.4}.notification-preview small{font-size:9px;color:#78848a}.notification-empty{display:flex;flex-direction:column;gap:7px;padding:38px 24px;text-align:center}.notification-empty span{color:var(--muted);font-size:12px;line-height:1.5}.notification-all{display:block;padding:14px;text-align:center;color:var(--cyan);font-size:11px;font-weight:900;background:#10171b}.trim-action{padding:10px 12px;border:1px solid #3b454a;color:#dce3e5;font-size:12px;font-weight:800}.trim-action:hover{border-color:var(--cyan);color:var(--cyan)}.trim-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:start;padding:30px 0 80px}.trim-form{position:sticky;top:105px}.trim-form>p{line-height:1.55}.trim-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trim-times label{margin:10px 0!important}.trim-warning{display:flex;flex-direction:column;gap:5px;margin:18px 0;padding:13px;border-left:3px solid var(--orange);background:#ff5b220b}.trim-warning b{font-size:12px}.trim-warning span{color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:800px){.notification-dropdown{position:fixed;top:70px;right:12px}.trim-layout{grid-template-columns:1fr}.trim-form{position:static}}@media(max-width:480px){.notification-dropdown{right:8px;width:calc(100vw - 16px)}.trim-times{grid-template-columns:1fr}}
