@charset "utf-8";

.notifications-menu[data-v-2d98eed0] { color: rgb(25, 25, 26); }

.notifications-menu .top[data-v-2d98eed0] { text-align: right; }

.notifications-menu .top .title[data-v-2d98eed0] { display: flex; padding: 20px 0px; -webkit-box-align: center; align-items: center; }

.notifications-menu .top .title .label[data-v-2d98eed0] { font-size: 16px; font-weight: 600; line-height: 24px; }

.notifications-menu .top .title .iconfont[data-v-2d98eed0] { display: none; }

.notifications-menu .top .handle[data-v-2d98eed0] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.notifications-menu .top .handle .label[data-v-2d98eed0] { font-size: 14px; font-weight: 600; line-height: 22px; }

.notifications-menu .top .handle .link[data-v-2d98eed0] { color: rgb(25, 25, 26); cursor: pointer; font-size: 12px; line-height: 20px; text-decoration: underline; }

.notifications-menu .top .handle .link[data-v-2d98eed0]:hover { color: rgb(112, 112, 112); }

.notifications-menu .content[data-v-2d98eed0] { overflow-y: overlay; position: relative; }

.notifications-menu .content[data-v-2d98eed0]::-webkit-scrollbar { width: 8px; }

.notifications-menu .content[data-v-2d98eed0]::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); border-radius: 4px; }

.notifications-menu .content .item[data-v-2d98eed0] { display: flex; -webkit-box-align: start; align-items: flex-start; border-top: 1px solid rgb(229, 229, 229); cursor: pointer; padding: 16px 0px; transition: 0.2s; }

.notifications-menu .content .item[data-v-2d98eed0]:focus-visible { border-radius: 3px; outline: rgb(0, 128, 255) solid 2px; outline-offset: -2px; }

.notifications-menu .content .item[data-v-2d98eed0]:hover { background-color: rgb(247, 247, 247); }

.notifications-menu .content .item[data-v-2d98eed0]:first-child { border-top: 0px; }

.notifications-menu .content .item.unread .dot[data-v-2d98eed0] { opacity: 1; }

.notifications-menu .content .item.unread .label dt[data-v-2d98eed0] { font-weight: 600; }

.notifications-menu .content .item .dot[data-v-2d98eed0] { background-color: rgb(192, 0, 0); border-radius: 8px; height: 5px; margin: 7px 4px 0px 0px; opacity: 0; width: 5px; }

.notifications-menu .content .item .label[data-v-2d98eed0] { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 8px; }

.notifications-menu .content .item .label dt[data-v-2d98eed0] { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 13px; line-height: 20px; }

.notifications-menu .content .item .label dd[data-v-2d98eed0] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; margin-top: 8px; }

.notifications-menu .content .item .icon-handle[data-v-2d98eed0] { font-size: 16px; line-height: 24px; margin-right: 2px; }

.notifications-menu .content .item + .footer[data-v-2d98eed0] { margin-top: 0px; }

.notifications-menu .content .footer[data-v-2d98eed0] { border-top: 1px solid rgb(229, 229, 229); margin-top: 12px; padding: 16px 0px 40px; text-align: center; }

.notifications-menu .content .footer dt[data-v-2d98eed0] { font-size: 14px; font-weight: 600; line-height: 22px; }

.notifications-menu .content .footer dd[data-v-2d98eed0] { font-size: 12px; line-height: 20px; margin-top: 4px; }

.notifications-menu .empty[data-v-2d98eed0] { display: flex; font-size: 12px; line-height: 20px; padding: 0px 20px 20px; }

.notifications-menu .empty .iconfont[data-v-2d98eed0] { color: rgb(3, 96, 191); font-size: 14px; margin: 0px 4px 0px 13px; }

.notifications-menu[data-v-2d98eed0] a:focus-visible { border-radius: 1px; outline: rgb(0, 128, 255) solid 2px; outline-offset: 2px; }

@media (min-width: 1024px) {
  .notifications-menu[data-v-2d98eed0] { background: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px; display: none; padding-bottom: 20px; position: absolute; right: 0px; top: 84px; width: 360px; z-index: 101; }
  .notifications-menu .top[data-v-2d98eed0] { padding: 0px 20px; }
  .notifications-menu .content[data-v-2d98eed0] { max-height: 369px; padding: 0px 20px; }
}

@media (max-width: 1024px) {
  .notifications-menu[data-v-2d98eed0] { background-color: rgb(255, 255, 255); bottom: 0px; display: flex; position: fixed; right: 0px; top: 0px; z-index: 101; -webkit-box-orient: vertical; -webkit-box-direction: normal; box-shadow: rgba(0, 0, 0, 0.03) 0px -2px 2px 0px; flex-direction: column; overflow: hidden; width: 346px; }
  .notifications-menu .top[data-v-2d98eed0] { padding: 0px 16px; }
  .notifications-menu .top .title[data-v-2d98eed0] { cursor: pointer; padding: 12px 0px; }
  .notifications-menu .top .title .iconfont[data-v-2d98eed0] { display: block; font-size: 12px; margin-right: 4px; }
  .notifications-menu .top .handle[data-v-2d98eed0] { padding: 12px 0px; }
  .notifications-menu .content[data-v-2d98eed0] { -webkit-box-flex: 1; flex: 1 1 0%; padding: 0px 16px; }
  .notifications-menu .content .item[data-v-2d98eed0] { padding: 12px 0px; }
  .notifications-menu .content .item[data-v-2d98eed0]:first-child { border-top: 1px solid rgb(229, 229, 229); }
}

.handle_box_popover > ul[data-v-2d98eed0] { width: max-content; }

.handle_box_popover li[data-v-2d98eed0] { color: rgb(25, 25, 26); cursor: pointer; font-size: 13px; line-height: 20px; margin: 0px 16px; min-width: max-content; padding: 8px 0px; text-align: center; }

.handle_box_popover li[data-v-2d98eed0]:focus-visible { border-radius: 2px; outline: rgb(0, 128, 255) solid 2px; outline-offset: -1px; }

.handle_box_popover li[data-v-2d98eed0]:last-child { border-bottom: none; }

.handle_box_popover li[data-v-2d98eed0]:hover { text-decoration: underline; }