.notification-pills-module__S128VG__root{--surface:#dcdcdf;--surface-low:#d2d2d5;--stage-glow:#ffffff52;--surface-2:#fdfdfd;--glass-mid:#f4f4f5;--glass-low:#ededef;--line:#ffffffe6;--rim-shade:#00000006;--shadow-near:#14141e12;--shadow:#14141e29;--shadow-far:#14141e33;--shadow-lift:#14141e42;--ink:#2d2d33;--ink-title:#3a3a40;--ink-muted:#77777f;--ink-faint:#9d9da5;--ink-label:#57575e;--ink-link:#6c6c74;--ink-send:#5d5d64;--bell-top:#fff;--bell-mid:#f6f6f7;--bell-low:#eeeef0;--bell-rim:#fffffff2;--bell-shadow-near:#14141e14;--bell-shadow:#14141e3d;--bell-shadow-far:#14141e33;--ink-bell:#46464d;--bell-glow:#fff9;--accent:#d8323e;--accent-top:#f2585f;--accent-ink:#fff;--badge-rim:#fff;--badge-glow:#d8323e8c;--disc-rim:#ffffffd9;--read-top:#ecfbf1;--read-mid:#d3f3df;--read-low:#bce8cd;--read-shade:#1465370f;--read-shadow:#14653733;--read-shadow-far:#14653738;--read-title:#146537;--read-text:#3f7a54;--read-disc-top:#ebf8ef;--read-disc-low:#c9ebd4;--tick:#1f944a;--empty-top:#ffffff8c;--empty-low:#ffffff4d;--empty-rim:#ffffffb3;--empty-shadow:#14141e1f;--send-top:#ffffffbf;--send-low:#ffffff73;--send-rim:#fffc;--send-shadow:#14141e33;--focus:#3a67f0;--pill:4.5em;--gap:.7em;--disc:2.9em;--bell:4em;--ease-out:cubic-bezier(.22, 1, .36, 1);--bounce:cubic-bezier(.34, 1.5, .64, 1);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.notification-pills-module__S128VG__root{--surface:light-dark(#dcdcdf,#18181b);--surface-low:light-dark(#d2d2d5,#101012);--stage-glow:light-dark(#ffffff52,#ffffff0b);--surface-2:light-dark(#fdfdfd,#ffffff1f);--glass-mid:light-dark(#f4f4f5,#ffffff16);--glass-low:light-dark(#ededef,#fff1);--line:light-dark(#ffffffe6,#ffffff1a);--rim-shade:light-dark(#00000006,#00000038);--shadow-near:light-dark(#14141e12,#00000059);--shadow:light-dark(#14141e29,#00000073);--shadow-far:light-dark(#14141e33,#00000080);--shadow-lift:light-dark(#14141e42,#0009);--ink:light-dark(#2d2d33,#ececf0);--ink-title:light-dark(#3a3a40,#f0f0f3);--ink-muted:light-dark(#77777f,#a8a8b0);--ink-faint:light-dark(#9d9da5,#9e9ea6);--ink-label:light-dark(#57575e,#b9b9c1);--ink-link:light-dark(#6c6c74,#a9a9b1);--ink-send:light-dark(#5d5d64,#b4b4bb);--bell-top:light-dark(#fff,#ffffff29);--bell-mid:light-dark(#f6f6f7,#ffffff1f);--bell-low:light-dark(#eeeef0,#ffffff17);--bell-rim:light-dark(#fffffff2,#ffffff1f);--bell-shadow-near:light-dark(#14141e14,#00000059);--bell-shadow:light-dark(#14141e3d,#00000080);--bell-shadow-far:light-dark(#14141e33,#00000073);--ink-bell:light-dark(#46464d,#e6e6ea);--bell-glow:light-dark(#fff9,#ffffff12);--badge-rim:light-dark(#fff,#161618);--badge-glow:light-dark(#d8323e8c,#d8323e66);--disc-rim:light-dark(#ffffffd9,#ffffff1a);--read-top:light-dark(#ecfbf1,#4ade8033);--read-mid:light-dark(#d3f3df,#4ade8026);--read-low:light-dark(#bce8cd,#4ade801f);--read-shade:light-dark(#1465370f,#0003);--read-shadow:light-dark(#14653733,#00000073);--read-shadow-far:light-dark(#14653738,#00000080);--read-title:light-dark(#146537,#8ef0b4);--read-text:light-dark(#3f7a54,#8fd0a8);--read-disc-top:light-dark(#ebf8ef,#24563a);--read-disc-low:light-dark(#c9ebd4,#1c4630);--tick:light-dark(#1f944a,#6ee39b);--empty-top:light-dark(#ffffff8c,#ffffff12);--empty-low:light-dark(#ffffff4d,#ffffff0a);--empty-rim:light-dark(#ffffffb3,#ffffff14);--empty-shadow:light-dark(#14141e1f,#00000059);--send-top:light-dark(#ffffffbf,#ffffff1a);--send-low:light-dark(#ffffff73,#ffffff0f);--send-rim:light-dark(#fffc,#ffffff1a);--send-shadow:light-dark(#14141e33,#0006);--focus:light-dark(#3a67f0,#86a2ff)}}.notification-pills-module__S128VG__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.notification-pills-module__S128VG__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.notification-pills-module__S128VG__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.notification-pills-module__S128VG__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.notification-pills-module__S128VG__root *,.notification-pills-module__S128VG__root :before,.notification-pills-module__S128VG__root :after{box-sizing:border-box}.notification-pills-module__S128VG__stage{height:calc(var(--max,5) * (var(--pill) + var(--gap)) + 13.4em);isolation:isolate;background:radial-gradient(70% 55% at 50% 100%, var(--stage-glow), transparent 70%), linear-gradient(180deg, var(--surface), var(--surface-low));color:var(--ink);border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:center;padding:2em 1.1em 2.6em;font-size:15px;line-height:1.3;display:flex;position:relative;overflow:clip}.notification-pills-module__S128VG__column{flex-direction:column;width:min(100%,26em);display:flex}.notification-pills-module__S128VG__panel{flex-direction:column;display:flex}.notification-pills-module__S128VG__panel[hidden]{display:none}.notification-pills-module__S128VG__head{justify-content:space-between;align-items:baseline;gap:1em;padding:0 .5em .7em 1.2em;transition:opacity .18s;display:flex}.notification-pills-module__S128VG__label{letter-spacing:-.005em;color:var(--ink-label);margin:0;font-size:.86em;font-weight:600}.notification-pills-module__S128VG__markAll{font:inherit;color:var(--ink-link);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;border-radius:.4em;padding:.3em .4em;font-size:.82em;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.notification-pills-module__S128VG__markAll:hover{color:var(--ink);text-decoration-color:currentColor}.notification-pills-module__S128VG__list{gap:var(--gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification-pills-module__S128VG__panel:not([data-open]) .notification-pills-module__S128VG__head,.notification-pills-module__S128VG__panel:not([data-open]) .notification-pills-module__S128VG__float{opacity:0}.notification-pills-module__S128VG__float{transform-origin:calc(var(--pill) / 2) 50%}.notification-pills-module__S128VG__pill{width:100%;height:var(--pill);padding:0 1.4em 0 calc((var(--pill) - var(--disc)) / 2);background:linear-gradient(180deg, var(--surface-2) 0%, var(--glass-mid) 52%, var(--glass-low) 100%);box-shadow:inset 0 0 0 1.5px var(--line), inset 0 -1px 1px var(--rim-shade), 0 1px 1.5px var(--shadow-near), 0 .55em 1.2em -.5em var(--shadow), 0 1.5em 2.8em -1.3em var(--shadow-far);font:inherit;text-align:left;color:inherit;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:translate .35s var(--ease-out), scale .2s var(--ease-out), transform .55s var(--bounce), opacity .3s ease;border:0;border-radius:999px;align-items:center;gap:.85em;margin:0;display:flex;position:relative}.notification-pills-module__S128VG__pill:after{content:"";border-radius:inherit;box-shadow:0 1.3em 2.4em -1em var(--shadow-lift);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out);position:absolute;inset:0}@media (hover:hover){.notification-pills-module__S128VG__pill:hover{translate:0 -.16em}.notification-pills-module__S128VG__pill:hover:after{opacity:1}}.notification-pills-module__S128VG__pill:active{scale:.985}.notification-pills-module__S128VG__pill[data-swiping]{transition:translate .35s var(--ease-out), scale .2s var(--ease-out)}.notification-pills-module__S128VG__pill:focus-visible,.notification-pills-module__S128VG__bell:focus-visible,.notification-pills-module__S128VG__markAll:focus-visible,.notification-pills-module__S128VG__send:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.notification-pills-module__S128VG__pill[data-kind=comment]{--tint:#eef1fd;--tint-deep:#d5dffb;--hue:#3d63e6}@supports (color:light-dark(#fff, #000)){.notification-pills-module__S128VG__pill[data-kind=comment]{--tint:light-dark(#eef1fd,#2f3a63);--tint-deep:light-dark(#d5dffb,#252d4d);--hue:light-dark(#3d63e6,#93abff)}}.notification-pills-module__S128VG__pill[data-kind=reminder]{--tint:#fcf1e8;--tint-deep:#f8dcc6;--hue:#e0702d}@supports (color:light-dark(#fff, #000)){.notification-pills-module__S128VG__pill[data-kind=reminder]{--tint:light-dark(#fcf1e8,#4a3426);--tint-deep:light-dark(#f8dcc6,#3a281c);--hue:light-dark(#e0702d,#ffa066)}}.notification-pills-module__S128VG__pill[data-kind=system]{--tint:#f6eefc;--tint-deep:#e3d3f7;--hue:#8845de}@supports (color:light-dark(#fff, #000)){.notification-pills-module__S128VG__pill[data-kind=system]{--tint:light-dark(#f6eefc,#3d2f57);--tint-deep:light-dark(#e3d3f7,#2f2445);--hue:light-dark(#8845de,#c39bff)}}.notification-pills-module__S128VG__pill[data-kind=mention]{--tint:#fcf5d6;--tint-deep:#f3e2a0;--hue:#b07a12}@supports (color:light-dark(#fff, #000)){.notification-pills-module__S128VG__pill[data-kind=mention]{--tint:light-dark(#fcf5d6,#46391a);--tint-deep:light-dark(#f3e2a0,#372c12);--hue:light-dark(#b07a12,#f0c050)}}.notification-pills-module__S128VG__disc{width:var(--disc);height:var(--disc);background:linear-gradient(180deg, var(--tint), var(--tint-deep));box-shadow:inset 0 0 0 1.5px var(--disc-rim), inset 0 -.35em .6em -.3em color-mix(in srgb, var(--hue) 22%, transparent), 0 .15em .45em -.1em color-mix(in srgb, var(--hue) 30%, transparent);color:var(--hue);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.notification-pills-module__S128VG__glyph,.notification-pills-module__S128VG__tick{width:1.6em;height:1.6em;position:relative}.notification-pills-module__S128VG__tick{color:var(--tick);opacity:0;position:absolute}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__pill{background:linear-gradient(180deg, var(--read-top) 0%, var(--read-mid) 52%, var(--read-low) 100%);box-shadow:inset 0 0 0 1.5px var(--line), inset 0 -1px 1px var(--read-shade), 0 .55em 1.2em -.5em var(--read-shadow), 0 1.5em 2.8em -1.3em var(--read-shadow-far)}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__title{color:var(--read-title)}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__text,.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__time{color:var(--read-text)}.notification-pills-module__S128VG__disc:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--read-disc-top), var(--read-disc-low));box-shadow:inset 0 0 0 1.5px var(--disc-rim);opacity:0;position:absolute;inset:0}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__disc:before{animation:.2s ease-out both notification-pills-module__S128VG__appear}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__glyph{animation:.16s ease-in both notification-pills-module__S128VG__vanish}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__tick{animation:notification-pills-module__S128VG__tick .42s var(--bounce) 60ms both}.notification-pills-module__S128VG__copy{flex-direction:column;flex:1;gap:.18em;min-width:0;display:flex}.notification-pills-module__S128VG__title,.notification-pills-module__S128VG__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-pills-module__S128VG__title{letter-spacing:-.012em;color:var(--ink-title);font-size:1.02em;font-weight:600}.notification-pills-module__S128VG__text{color:var(--ink-muted);font-size:.88em}.notification-pills-module__S128VG__time{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none;align-self:flex-start;margin-top:1.45em;font-size:.76em}.notification-pills-module__S128VG__empty{--tint:#f1faf3;--tint-deep:#d3efdc;--hue:#2a9853;height:var(--pill);padding:0 1.4em 0 calc((var(--pill) - var(--disc)) / 2);background:linear-gradient(180deg, var(--empty-top), var(--empty-low));box-shadow:inset 0 0 0 1.5px var(--empty-rim), 0 .5em 1.4em -.8em var(--empty-shadow);border-radius:999px;align-items:center;gap:.85em;margin:0;animation:.4s .5s both notification-pills-module__S128VG__appear;display:flex}@supports (color:light-dark(#fff, #000)){.notification-pills-module__S128VG__empty{--tint:light-dark(#f1faf3,#213d2c);--tint-deep:light-dark(#d3efdc,#1a3123);--hue:light-dark(#2a9853,#5fd38a)}}.notification-pills-module__S128VG__bellRow{padding:0 .5em 0 calc((var(--pill) - var(--bell)) / 2);justify-content:space-between;align-items:center;gap:1em;margin-top:1.5em;display:flex;position:relative}.notification-pills-module__S128VG__bellRow:before{content:"";z-index:-1;top:50%;left:calc(var(--pill) / 2);background:radial-gradient(closest-side, var(--bell-glow), #fff0);pointer-events:none;border-radius:50%;width:12em;height:12em;margin:-6em 0 0 -6em;position:absolute}.notification-pills-module__S128VG__bell{width:var(--bell);height:var(--bell);background:linear-gradient(180deg, var(--bell-top) 0%, var(--bell-mid) 60%, var(--bell-low) 100%);box-shadow:inset 0 0 0 1.5px var(--bell-rim), 0 1px 2px var(--bell-shadow-near), 0 .7em 1.5em -.5em var(--bell-shadow), 0 1.6em 3em -1.4em var(--bell-shadow-far);color:var(--ink-bell);cursor:pointer;transition:translate .3s var(--ease-out), scale .2s var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.notification-pills-module__S128VG__bell:hover{translate:0 -.08em}}.notification-pills-module__S128VG__bell:active{scale:.95}.notification-pills-module__S128VG__bellIcon{transform-origin:50% 15%;width:1.9em;height:1.9em}.notification-pills-module__S128VG__badge{background:linear-gradient(180deg, var(--accent-top), var(--accent));min-width:1.8em;height:1.8em;box-shadow:0 0 0 .15em var(--badge-rim), 0 .3em .7em -.15em var(--badge-glow);color:var(--accent-ink);font-variant-numeric:tabular-nums;transition:transform .45s var(--bounce), opacity .2s ease;border-radius:999px;place-items:center;padding:0 .45em;font-size:.8em;font-weight:700;line-height:1;display:grid;position:absolute;top:-.2em;right:-.3em;overflow:hidden}.notification-pills-module__S128VG__badge[data-empty]{opacity:0;transition:transform .25s ease-in,opacity .2s 50ms;transform:scale(0)}.notification-pills-module__S128VG__figure{display:block}.notification-pills-module__S128VG__ghosts{pointer-events:none;width:0;height:0;margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}.notification-pills-module__S128VG__send{background:linear-gradient(180deg, var(--send-top), var(--send-low));height:2.5em;box-shadow:inset 0 0 0 1px var(--send-rim), 0 .3em .8em -.4em var(--send-shadow);font:inherit;color:var(--ink-send);cursor:pointer;transition:color .2s ease, translate .3s var(--ease-out), scale .2s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:.35em;padding:0 1em 0 .7em;font-size:.82em;font-weight:500;display:inline-flex;position:relative}.notification-pills-module__S128VG__send svg{width:1.3em;height:1.3em}@media (hover:hover){.notification-pills-module__S128VG__send:hover{color:var(--ink);translate:0 -.08em}}.notification-pills-module__S128VG__send:active{scale:.96}.notification-pills-module__S128VG__hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes notification-pills-module__S128VG__appear{0%{opacity:0}}@keyframes notification-pills-module__S128VG__vanish{to{opacity:0;transform:scale(.5)}}@keyframes notification-pills-module__S128VG__tick{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@container (max-width:460px){.notification-pills-module__S128VG__stage{padding:1.6em .9em 2.2em;font-size:14px}}@container (max-width:300px){.notification-pills-module__S128VG__stage{font-size:13px}}@media (prefers-reduced-motion:reduce){.notification-pills-module__S128VG__head,.notification-pills-module__S128VG__pill,.notification-pills-module__S128VG__pill:after,.notification-pills-module__S128VG__bell,.notification-pills-module__S128VG__badge,.notification-pills-module__S128VG__markAll,.notification-pills-module__S128VG__send{transition:none}.notification-pills-module__S128VG__empty,.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__disc:before,.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__glyph,.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__tick{animation:none}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__disc:before,.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__tick{opacity:1}.notification-pills-module__S128VG__item[data-read] .notification-pills-module__S128VG__glyph{opacity:0}}
