/* Account notification center in the global header. */
.qk-header-notifications { position: relative; }
.qk-header-notifications summary { align-items:center; background:#f1edff; border:0; border-radius:50%; color:var(--purple); cursor:pointer; display:flex; height:42px; justify-content:center; list-style:none; position:relative; width:42px; }
.qk-header-notifications summary::-webkit-details-marker { display:none; }
.qk-header-notifications summary > span { font-size:18px; }
.qk-header-notifications summary > b { align-items:center; background:#e32952; border:2px solid #fff; border-radius:999px; color:#fff; display:flex; font-size:9px; height:20px; justify-content:center; min-width:20px; padding:0 4px; position:absolute; right:-4px; top:-5px; }
.qk-header-notifications__menu { background:#fff; border:1px solid var(--line); border-radius:15px; box-shadow:0 16px 45px rgba(31,20,62,.2); inset-inline-end:0; max-height:440px; min-width:360px; overflow:auto; padding:9px; position:absolute; top:50px; z-index:100; }
.qk-header-notifications__menu header { align-items:center; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding:9px 10px 12px; }
.qk-header-notifications__menu header strong { font-size:17px; }
.qk-header-notifications__menu header a { color:var(--purple); font-size:10px; font-weight:800; }
.qk-header-notifications__menu > a { align-items:flex-start; border-radius:10px; color:var(--ink); display:flex; gap:9px; padding:11px 9px; }
.qk-header-notifications__menu > a:hover, .qk-header-notifications__menu > a.is-unread { background:#f5f2ff; }
.qk-header-notifications__menu > a > i { background:transparent; border-radius:50%; flex:0 0 7px; height:7px; margin-top:5px; }
.qk-header-notifications__menu > a.is-unread > i { background:var(--purple); }
.qk-header-notifications__menu > a span, .qk-header-notifications__menu > a b, .qk-header-notifications__menu > a small { display:block; }
.qk-header-notifications__menu > a b { font-size:11px; line-height:1.45; }
.qk-header-notifications__menu > a small { color:var(--muted); font-size:9px; margin-top:4px; }
.qk-header-notifications__menu > p { color:var(--muted); font-size:12px; margin:35px 10px; text-align:center; }
.qk-header-notifications--mobile { display:none; }
@media (max-width:1050px) {
  .qk-actions > .qk-header-notifications { display:none; }
  .qk-header-notifications--mobile { display:block; }
  .qk-header-notifications--mobile .qk-header-notifications__menu { inset-inline-end:auto; inset-inline-start:0; min-width:min(340px,calc(100vw - 36px)); position:relative; top:8px; }
}