.site-notifications[data-v-1c362ad9]{color:var(--black);flex:none;font-family:IBM Plex Mono,monospace;position:relative}.site-notifications__trigger[data-v-1c362ad9]{border:1px solid var(--black);cursor:pointer;border-radius:50%;place-items:center;width:32rem;height:32rem;display:grid;position:relative}.site-notifications__trigger>i[data-v-1c362ad9]{background:var(--black);width:20rem;height:20rem;-webkit-mask:url(../static/notifications/bell.svg) 50%/contain no-repeat;mask:url(../static/notifications/bell.svg) 50%/contain no-repeat}.site-notifications__trigger[data-v-1c362ad9]:focus-visible{outline:2px solid var(--red);outline-offset:3rem}.site-notifications__badge[data-v-1c362ad9]{min-width:14rem;height:14rem;color:var(--white-primary);background:var(--red);text-align:center;border-radius:20rem;padding:0 3rem;font-size:10rem;line-height:14rem;position:absolute;top:-3rem;right:-3rem}.site-notifications__popup[data-v-1c362ad9]{border:1px solid color-mix(in srgb,var(--black) 65%,transparent);background:var(--white3);z-index:25;border-radius:24rem;width:346rem;max-width:calc(100vw - 32rem);height:320rem;max-height:calc(100dvh - 100rem);display:flex;position:absolute;top:calc(100% + 8rem);right:0;overflow:clip}@media (width<=799px){.site-notifications__popup[data-v-1c362ad9]{right:16rem;top:calc(8rem + var(--global-header-height));position:fixed}}.site-notifications__viewport[data-v-1c362ad9]{scrollbar-width:none;flex:1;min-width:0;height:100%;overflow:auto}.site-notifications__viewport[data-v-1c362ad9]::-webkit-scrollbar{display:none}.site-notifications__viewport[data-v-1c362ad9]:focus-visible{outline:none}.site-notifications__scroll[data-v-1c362ad9]{width:20rem;padding:16rem 0;position:absolute;top:0;bottom:0;right:0}.site-notifications__row[data-v-1c362ad9]{border-bottom:1px solid color-mix(in srgb,var(--black) 10%,transparent);background:var(--white3);gap:12rem;padding:16rem 24rem 16rem 16rem;display:flex}.site-notifications__row[data-v-1c362ad9]:last-child{border-bottom:0}.site-notifications__icon[data-v-1c362ad9]{background:color-mix(in srgb,var(--black) 10%,transparent);border-radius:50%;flex:0 0 32rem;place-items:center;width:32rem;height:32rem;display:grid}.site-notifications__icon i[data-v-1c362ad9]{background:var(--black);width:20rem;height:20rem;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.site-notifications__row--unread[data-v-1c362ad9]{background:var(--gray1)}.site-notifications__row--unread .site-notifications__icon[data-v-1c362ad9]{background:var(--red)}.site-notifications__row--unread .site-notifications__icon i[data-v-1c362ad9]{background:var(--white-primary)}.site-notifications__text[data-v-1c362ad9]{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:8rem;min-width:0;padding-right:0;display:flex}.site-notifications__text h2[data-v-1c362ad9]{font-size:14rem;font-weight:600;line-height:1.2}.site-notifications__text p[data-v-1c362ad9]{white-space:pre-wrap;font-size:14rem;line-height:1.4}.site-notifications__text time[data-v-1c362ad9]{color:color-mix(in srgb,var(--black) 30%,transparent);font-size:12rem;line-height:1.3}.site-notifications__state button[data-v-1c362ad9],.site-notifications__text a[data-v-1c362ad9]{color:var(--red);text-decoration:underline}.site-notifications__state[data-v-1c362ad9]{padding:16rem;font-size:12rem;line-height:1.4}
