.avatar-menu[data-v-f6191b42]{border-radius:9999px;height:2.5rem;width:2.5rem}.profile-menu[data-v-f6191b42]{animation:SlideDown .5s ease;background-color:var(--bg-white);border:1px solid var(--neutral-200);border-radius:20px;box-shadow:var(--shadow-x-large);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:150%}.header[data-v-f6191b42]{background-color:var(--neutral-100);padding:16px}.header[data-v-f6191b42],.menu-item[data-v-f6191b42]{align-items:center;display:flex;gap:.5rem}.menu-item[data-v-f6191b42]{margin-top:.25rem;padding:.5rem 1rem;transition:all .15s ease}.menu-item[data-v-f6191b42]:hover{background-color:var(--hover);cursor:pointer}li[data-v-f6191b42]:last-child{margin-bottom:.5rem}.icon[data-v-862b3c76]{background-color:var(--brand-blue);color:var(--icon-white);display:grid;flex-shrink:0;grid-template:"overlap"/1fr;place-content:center;position:relative}.icon>i[data-v-862b3c76]{grid-area:overlap;justify-self:center}.icon>img[data-v-862b3c76]{height:2rem;width:2rem}.icon>div[data-v-862b3c76],.icon>img[data-v-862b3c76]{border-radius:9999px;grid-area:overlap}.icon>div[data-v-862b3c76]{align-self:end;background-color:var(--bg-white);display:grid;height:1.25rem;justify-self:end;margin-bottom:-6px;margin-right:-6px;place-content:center;width:1.25rem}.date[data-v-862b3c76]{align-items:center;color:var(--text-sub);display:flex;gap:.375rem}.unread[data-v-862b3c76]{background-color:var(--brand-blue);border-radius:9999px;height:.5rem;width:.5rem}.milestone-10[data-v-862b3c76],.milestone-100[data-v-862b3c76],.milestone-50[data-v-862b3c76]{background-color:var(--neutral-100);border-radius:9999px;display:grid;flex-shrink:0;height:2rem;overflow:hidden;place-content:center;position:relative;width:2rem}.milestone-100>i[data-v-862b3c76],.milestone-10>i[data-v-862b3c76],.milestone-50>i[data-v-862b3c76]{z-index:1}.milestone-10[data-v-862b3c76]:before{background-color:var(--brand-blue);left:-9px;top:1px}.milestone-10[data-v-862b3c76]:after,.milestone-10[data-v-862b3c76]:before{border-radius:9999px;content:"";filter:blur(16px);height:1.25rem;position:absolute;width:1.25rem}.milestone-10[data-v-862b3c76]:after{background-color:var(--brand-teal);bottom:-2px;right:3px}.milestone-50[data-v-862b3c76]:before{background-color:var(--brand-red);left:-9px;top:1px}.milestone-50[data-v-862b3c76]:after,.milestone-50[data-v-862b3c76]:before{border-radius:9999px;content:"";filter:blur(16px);height:1.25rem;position:absolute;width:1.25rem}.milestone-50[data-v-862b3c76]:after{background-color:var(--brand-purple);bottom:-2px;right:3px}.milestone-100[data-v-862b3c76]{background-color:var(--brand-black)}.milestone-100[data-v-862b3c76]:before{background-color:var(--brand-red);left:-9px;top:1px}.milestone-100[data-v-862b3c76]:after,.milestone-100[data-v-862b3c76]:before{border-radius:9999px;content:"";filter:blur(16px);height:1.25rem;position:absolute;width:1.25rem}.milestone-100[data-v-862b3c76]:after{background-color:var(--brand-purple);bottom:-2px;right:3px}.notifications[data-v-78a8d866]{background-color:var(--bg-white);border-left:1px solid var(--neutral-200);bottom:0;box-shadow:-16px 0 32px -12px #585c5f1a;padding:1.25rem;position:fixed;right:0;top:65px;width:400px}.notifications-tab[data-v-78a8d866]{background-color:var(--neutral-100);border-radius:9999px;color:var(--text-sub);padding:.5rem .75rem}.notifications-tab.active[data-v-78a8d866]{background-color:var(--brand-black);color:var(--text-white)}.notifications-container[data-v-78a8d866]{display:flex;flex-direction:column;gap:1.25rem;height:calc(100vh - 205px);overflow:auto}.navbar[data-v-2ec7a84f]{background-color:var(--bg-white);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-x-small);display:grid;grid-template-columns:1fr auto 1fr;left:0;padding:.75rem 2rem;position:fixed;right:0;top:0;z-index:9999}.pages[data-v-2ec7a84f]{display:flex;gap:.5rem;padding:.125rem}.page-tab[data-v-2ec7a84f]{align-items:center;border-radius:.75rem;display:flex;gap:.375rem;padding:.5rem .75rem}.page-tab[data-v-2ec7a84f]:hover{background-color:var(--hover)}.active-page[data-v-2ec7a84f]{background-color:var(--tab-color)}.active-page i[data-v-2ec7a84f]{color:var(--icon-color)!important}.active-page .page-icon[data-v-2ec7a84f]{color:var(--icon-sub);height:20px;width:20px}.page-tab .label[data-v-2ec7a84f]{color:var(--text-sub);font-size:.875rem;font-weight:500;letter-spacing:-.084px;line-height:1.25rem}.active-page .label[data-v-2ec7a84f]{color:var(--text-main)}.toolbar[data-v-2ec7a84f]{gap:1.5rem;justify-content:flex-end;position:relative}.cmd-k[data-v-2ec7a84f],.toolbar[data-v-2ec7a84f]{align-items:center;display:flex}.cmd-k[data-v-2ec7a84f]{background-color:var(--neutral-100);border-radius:.75rem;color:var(--text-sub);gap:.25rem;height:2.5rem;padding-left:.625rem;padding-right:.625rem;transition:all .15s ease}.cmd-k[data-v-2ec7a84f]:hover{background-color:var(--hover)}.notification[data-v-2ec7a84f]{border-radius:.75rem;color:var(--icon-sub);display:grid;height:2.5rem;place-items:center;transition:all .15s ease;width:2.5rem}.notification[data-v-2ec7a84f]:hover{background-color:var(--hover)}.notification.active[data-v-2ec7a84f]{background-color:color-mix(in srgb,var(--base-blue),#fff 90%);color:var(--base-blue)}.user-profile[data-v-2ec7a84f]{align-items:center;border-radius:.75rem;display:flex;gap:.5rem;padding:.125rem;transition:all .15s ease}.user-profile[data-v-2ec7a84f]:hover{background-color:var(--hover)}.avatar[data-v-2ec7a84f]{border-radius:9999px;height:2rem;width:2rem}
