.notification-bell.svelte-vtze1i{position:relative;display:inline-flex}.bell.svelte-vtze1i{position:relative;border:0;background:transparent;color:inherit;font-size:1.1rem;width:2.7rem;height:2.7rem;cursor:pointer;border-radius:8px}.bell.svelte-vtze1i:hover{background:#8f715014}.badge.svelte-vtze1i{position:absolute;top:2px;right:0;min-width:17px;background:#a83b35;color:#fff;font-size:10px;line-height:17px;border-radius:10px;padding:0 3px}.dropdown.svelte-vtze1i{position:absolute;right:0;top:calc(100% + 8px);width:min(350px,calc(100vw - 32px));background:#fff;color:#32251c;border:1px solid #d9cfc5;border-radius:12px;box-shadow:0 6px 28px #0002;z-index:2000;overflow:hidden}.heading.svelte-vtze1i{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.heading.svelte-vtze1i button:where(.svelte-vtze1i){background:none;border:0;font-size:1.25rem;cursor:pointer}.item.svelte-vtze1i{display:grid;gap:4px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid #eee;text-align:left;background:#fff;cursor:pointer}.item.svelte-vtze1i:hover,.unread.svelte-vtze1i{background:#f8f3ee}.item.svelte-vtze1i span:where(.svelte-vtze1i){font-size:.85rem}.item.svelte-vtze1i small:where(.svelte-vtze1i){color:#776e67;font-size:.7rem}.empty.svelte-vtze1i{padding:1.5rem;text-align:center;color:#776e67}.all.svelte-vtze1i{display:block;padding:12px;text-align:center;color:#68472d;font-weight:600}