.notifications-cloche{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e8ef;border-radius:12px;background:#fff;color:#252c41;cursor:pointer}.notifications-badge{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:20px;background:#3260e8;color:#fff;font:600 10px Rubik,sans-serif}.notifications-badge[hidden]{display:none}dialog.notifications-centre{position:fixed;top:var(--notif-top,68px);right:var(--notif-right,20px);left:auto;bottom:auto;margin:0;padding:0;width:410px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--notif-top,68px) - 16px);border:1px solid #e1e6ef;border-radius:18px;background:#fff;color:#222a3e;box-shadow:0 18px 48px -6px #15203b33,0 3px 12px #15203b0f;font:14px Rubik,sans-serif;overflow:auto;transform-origin:top right;z-index:90}.notifications-centre::backdrop{background:transparent}.notifications-centre[open]{animation:notification-dropdown .18s cubic-bezier(.16,1,.3,1)}.notifications-entete{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.notifications-entete h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.3px}.notifications-fermer{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:0;border-radius:8px;background:#f3f5f9;color:#626b7e;font-size:20px;cursor:pointer;line-height:1}.notifications-fermer:hover{background:#e8ecf4;color:#222a3e}.notifications-outils{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:0 18px 12px;border-bottom:1px solid #edf0f5}.notifications-filtre,.notifications-tout,.notifications-lire{border:0;background:transparent;font:500 12px Rubik,sans-serif;color:#667085;cursor:pointer;padding:6px 10px;border-radius:8px}.notifications-filtre[aria-pressed=true]{background:#edf2ff;color:#3260e8;font-weight:600}.notifications-tout{margin-left:auto;color:#3260e8}.notifications-tout:disabled,.notifications-lire:disabled{opacity:.5;cursor:default}.notifications-item{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid #edf0f5;transition:background .12s}.notifications-item:hover{background:#fafbfe}.notifications-item.non-lue{background:#f6f8ff}.notifications-item.non-lue:hover{background:#eef3ff}.notifications-icone{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff1d8;color:#a46b0a;font-size:18px}.notifications-icone.jeu_valide{background:#e4f6ec;color:#248354}.notifications-icone.jeu_refuse{background:#fff0e9;color:#b7552e}.notifications-icone.moderation_attente{background:#eaf0ff;color:#3260e8}.notifications-icone.defi_nouveau{background:#fff6d6;color:#b98a00}.notifications-icone.jam_debut,.notifications-icone.jam_resultats{background:#e4f6ec;color:#178a43}.notifications-icone.jam_votes{background:#fff0f3;color:#c2385a}.notifications-icone.forum_reponse{background:#eef2fd;color:#3260e8}.notifications-corps{min-width:0;flex:1;overflow-wrap:anywhere}.notifications-corps strong{display:block;font-size:13.5px;line-height:1.45}.notifications-corps p{margin:4px 0 8px;font-size:12.5px;line-height:1.55;color:#657087}.notifications-corps time{display:block;font-size:11px;color:#7b8496;margin-bottom:8px}.notifications-corps a{display:inline-block;font-size:12px;font-weight:500;color:#3260e8;text-decoration:none}.notifications-corps a:hover{text-decoration:underline}.notifications-lire{display:block;padding:8px 0 0;color:#68748c;font-size:11px}.notifications-etat{padding:28px 24px;text-align:center;line-height:1.7;color:#657087}.notifications-etat[hidden]{display:none}.notifications-pied{margin:0;padding:12px 18px;font-size:11px;text-align:center;color:#7b8496}.notifications-centre>button{margin:0 18px 16px}.notifications-toasts{position:fixed;bottom:24px;right:24px;z-index:110;display:grid;gap:12px;width:390px;max-width:calc(100vw - 32px);pointer-events:none}.notifications-toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px 16px 18px;background:#fff;border:1px solid #e5e8ef;border-radius:16px;box-shadow:0 14px 40px -8px #15203b38,0 2px 8px #15203b0f;color:#222a3e;pointer-events:auto;overflow:hidden;animation:notification-entree .26s cubic-bezier(.23,1,.32,1);font:14px Rubik,sans-serif}.notifications-toast.sortie{animation:notification-sortie .18s ease-in forwards}.notifications-toast .notifications-corps p{margin-bottom:0}.notifications-toast .notifications-corps a{margin-top:8px}.notifications-toast .notifications-fermer{width:26px;height:26px;font-size:18px}.notifications-toast time{display:none}.notifications-temps{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#487bb5;opacity:.55;transform-origin:left;animation:notification-temps linear forwards}.notifications-toast.erreur .notifications-temps{background:#b7552e}.notifications-toast.en-pause .notifications-temps{animation-play-state:paused}.alertes-lb .toast#message{display:none!important}body:has(.pied) .notifications-toasts{bottom:96px}.notifications-centre button:focus-visible,.notifications-cloche:focus-visible,.notifications-corps a:focus-visible{outline:2px solid #3260e8;outline-offset:3px}@keyframes notification-dropdown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notification-entree{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes notification-sortie{to{opacity:0;transform:translate(24px)}}@keyframes notification-temps{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:600px){dialog.notifications-centre{top:var(--notif-top,58px)!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - var(--notif-top,58px) - 16px)!important}.notifications-toasts{bottom:16px;right:16px}.notifications-outils{padding-inline:14px}.notifications-item{padding:14px}}@media(prefers-reduced-motion:reduce){.notifications-centre[open],.notifications-toast,.notifications-toast.sortie{animation:none}}dialog.notifications-centre[open]{display:flex;flex-direction:column;overflow:hidden;height:min(520px,calc(100dvh - var(--notif-top,68px) - 16px))}.notifications-centre .notifications-entete,.notifications-centre .notifications-outils,.notifications-centre .notifications-pied{flex:none}.notifications-centre .notifications-liste{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.notifications-centre .notifications-item{position:relative;gap:10px;padding:10px 44px 10px 16px}.notifications-centre .notifications-icone{width:30px;height:30px;border-radius:9px;font-size:15px}.notifications-centre .notifications-corps strong{font-size:13px;line-height:1.35}.notifications-centre .notifications-corps p{margin:2px 0 4px;font-size:12px;line-height:1.45}.notifications-centre .notifications-corps time{display:inline;margin:0 10px 0 0}.notifications-centre .notifications-corps a{display:inline}.notifications-centre .notifications-lire{display:inline;padding:0;margin-left:10px}.notifications-supprimer{position:absolute;top:8px;right:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#98a1b3;cursor:pointer;opacity:.7;transition:background .12s,color .12s,opacity .12s}.notifications-item:hover .notifications-supprimer,.notifications-supprimer:focus-visible{opacity:1}.notifications-supprimer:hover{background:#fff0ed;color:#c2452d}.notifications-supprimer:disabled{opacity:.3;cursor:default}.notifications-supprimer:focus-visible{outline:2px solid #3260e8;outline-offset:1px}.notifications-plus{display:block;width:calc(100% - 32px);margin:12px 16px;padding:9px 12px;border:1px solid #e1e6ef;border-radius:10px;background:#fff;font:500 12.5px Rubik,sans-serif;color:#3260e8;cursor:pointer}.notifications-plus:hover{background:#f5f8ff;border-color:#c4d3ff}.notifications-plus:focus-visible{outline:2px solid #3260e8;outline-offset:2px}.notifications-centre .notifications-pied{padding:10px 16px;border-top:1px solid #edf0f5}@media(hover:none){.notifications-supprimer{opacity:1}}
