.uiNotification[data-v-1092823c]{height:100%}.uiNotification .navBell[data-v-1092823c]{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;flex-shrink:0;gap:10px;height:100%;width:100%;white-space:nowrap;padding:12px}.uiNotification .navBell:hover p[data-v-1092823c]{text-shadow:0 0 .01px currentColor,0 0 .01px currentColor;color:#000}.uiNotification .navBell.dark[data-v-1092823c]{background:#fff;border-radius:12px}.uiNotification .navBell.dark[data-v-1092823c]:hover{background-color:var(--color-200)}.uiNotification .navBell .notificationImg[data-v-1092823c]{position:relative;width:24px;height:24px}.uiNotification .navBell .notificationImg .notificationCount[data-v-1092823c]{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;top:-5px;right:-5px;background-color:#0af;border-radius:50%;width:19px;height:19px;font-weight:600;font-size:14px;line-height:14px;color:#fff}body[data-city-workspace=true] .uiNotification .navBell .notificationImg .notificationCount[data-v-1092823c]{background-color:#5c7d59}.uiNotification .navBell .notificationImg .shake[data-v-1092823c]{animation:bell-shake-1092823c .7s ease-in-out}.uiNotification .navBell .notificationImg svg[data-v-1092823c]{width:100%;height:100%;color:#1e1b39;z-index:1}body[data-city-workspace=true] .uiNotification .navBell .notificationImg svg[data-v-1092823c]{color:#101526}.uiNotification .navBell .notificationImg svg.active[data-v-1092823c]{color:#ffa722}.uiNotification .navBell p[data-v-1092823c]{transition:.3s;font-weight:400;font-size:16px;line-height:20px;color:#1e1b39}body[data-city-workspace=true] .uiNotification .navBell p[data-v-1092823c]{color:#101526}.notificationsWrapper[data-v-1092823c]{border-radius:25px;border:1px solid #F7F7F5;padding:24px;max-height:calc(100vh - 90px);min-width:660px;position:absolute;top:calc(100% + 10px);right:0;z-index:9990;background:#fff;box-shadow:0 4px 15px #00000012;overflow-y:auto}@media(max-width:768px){.notificationsWrapper[data-v-1092823c]{min-width:350px;position:absolute;top:0;left:0}}.notificationsSpinner[data-v-1092823c]{display:flex;justify-content:center;align-items:center}.notifications[data-v-1092823c]{display:flex;flex-direction:column;gap:16px;width:100%}@media(max-width:768px){.notifications[data-v-1092823c]{height:100%}}.notifications .notification[data-v-1092823c]{display:flex;flex-direction:column;border:1px solid #F7F7F5;border-radius:12px;overflow:hidden}@media(max-width:768px){.notifications .notification[data-v-1092823c]{position:relative;flex-shrink:0}}.notifications .notificationIndicator[data-v-1092823c]{border-radius:50%;background:#0af;width:12px;height:12px;position:absolute;top:10px;right:24px}body[data-city-workspace=true] .notifications .notificationIndicator[data-v-1092823c]{background:#5c7d59}@media(max-width:768px){.notifications .notificationIndicator[data-v-1092823c]{position:relative}}.notifications .notificationStatusBlock[data-v-1092823c]{display:flex;width:100%;justify-content:space-between;background:#ff683a;padding:8px 24px}.notifications .notificationStatusBlock-red[data-v-1092823c]{background:#ff683a}.notifications .notificationStatusBlock-green[data-v-1092823c]{background:#07c459}.notifications .notificationStatusBlock-yellow[data-v-1092823c]{background:#ffd220}.notifications .notificationStatusBlock-blue[data-v-1092823c]{background:#0af}body[data-city-workspace=true] .notifications .notificationStatusBlock-blue[data-v-1092823c]{background:#5c7d59}.notifications .notificationStatusBlock .status[data-v-1092823c],.notifications .notificationStatusBlock .date[data-v-1092823c]{font-size:14px;line-height:17px;color:#fff}.notifications .notificationStatusBlock .status[data-v-1092823c]{font-weight:700}@media(max-width:768px){.notifications .notificationStatusBlock .status[data-v-1092823c]{white-space:normal}}.notifications .notificationStatusBlock .date[data-v-1092823c]{font-weight:400}.notifications .notificationContent[data-v-1092823c]{width:100%;padding:10px 24px;position:relative}.notifications .notificationInfoBlock[data-v-1092823c]{margin-bottom:6px;padding-right:20px}.notifications .notificationInfoBlock p[data-v-1092823c]{font-size:16px;line-height:22px;color:#1e1b39}body[data-city-workspace=true] .notifications .notificationInfoBlock p[data-v-1092823c]{color:#101526}.notifications .notificationInfoBlock .infoType[data-v-1092823c]{font-weight:600}.notifications .notificationInfoBlock .infoTitle[data-v-1092823c]{font-weight:400}@media(max-width:768px){.notifications .notificationInfoBlock .infoTitle[data-v-1092823c],.notifications .notificationInfoBlock .infoType[data-v-1092823c]{white-space:normal}}.notifications .notificationInfoBlock .infoDeadline[data-v-1092823c]{display:flex;align-items:center;gap:6px}.notifications .notificationInfoBlock .infoDeadline p[data-v-1092823c]{font-weight:400;font-size:16px;line-height:22px;color:#b0b0c1}body[data-city-workspace=true] .notifications .notificationInfoBlock .infoDeadline p[data-v-1092823c]{color:#899985}.notifications .notificationInfoBlock .infoDeadline span[data-v-1092823c]{font-weight:400;font-size:16px;line-height:22px;color:#fa472c}.notifications .notificationUserBlock[data-v-1092823c]{display:flex;gap:10px;margin-bottom:6px}.notifications .notificationUserBlock .userAvatar[data-v-1092823c]{border-radius:50%;width:44px;height:44px}.notifications .notificationUserBlock .userAvatar img[data-v-1092823c]{width:100%;height:100%;object-fit:cover}.notifications .notificationUserBlock .infoRole[data-v-1092823c]{font-weight:400;font-size:14px;line-height:22px;color:#1e1b39}body[data-city-workspace=true] .notifications .notificationUserBlock .infoRole[data-v-1092823c]{color:#101526}.notifications .notificationUserBlock .infoName[data-v-1092823c]{font-weight:600;font-size:16px;line-height:22px;color:#1e1b39}body[data-city-workspace=true] .notifications .notificationUserBlock .infoName[data-v-1092823c]{color:#101526}.notifications .notificationActionBlock[data-v-1092823c]{display:flex;gap:10px;padding:10px 0}.notificationTitle[data-v-1092823c]{display:none}@media(max-width:768px){.notificationTitle[data-v-1092823c]{display:block}}@keyframes bell-shake-1092823c{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}90%{transform:rotate(-4deg)}to{transform:rotate(0)}}