@font-face{font-family:'Sami Notification Icons';src:url('/fonts/icons/fa-solid-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:block}
.sami-bell-icon{display:inline-block;font-family:'Sami Notification Icons'!important;font-weight:900;font-style:normal;font-size:20px;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;transform-origin:50% 12%}
.sami-bell-icon::before{content:'\f0f3'}
.sn-root .sn-bell,.hd #bellBtn{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:15px;border:1px solid #ddc79d;background:linear-gradient(145deg,#fffaf0,#f0e1c3);color:#755121;box-shadow:0 4px 12px #5c43151a,inset 0 1px 0 #ffffffb3;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sn-root .sn-bell:hover,.hd #bellBtn:hover{transform:translateY(-2px);border-color:#b98d49;box-shadow:0 7px 18px #5c43152e}
.sn-root .sn-bell:active,.hd #bellBtn:active{transform:scale(.94)}
.sn-root .sn-bell:focus-visible,.hd #bellBtn:focus-visible{outline:3px solid #c09b56;outline-offset:4px}
.sn-root .sn-count,.hd #bellBtn .bdg{position:absolute;top:-5px;left:-5px;display:grid;place-items:center;box-sizing:border-box;min-width:20px;height:20px;padding:0 5px;border:2px solid #fffaf2;border-radius:20px;background:#a9472a;color:#fff;font-family:inherit;font-size:10px;font-weight:800;line-height:1;box-shadow:0 2px 5px #52271924}
.sn-bell[data-unread="false"] .sn-count{display:none}
.sn-bell:hover .sami-bell-icon,#bellBtn:hover .sami-bell-icon,.sn-bell:focus-visible .sami-bell-icon,#bellBtn:focus-visible .sami-bell-icon{animation:sami-bell-ring .7s ease-in-out}
.sn-bell[data-arriving="true"] .sami-bell-icon,#bellBtn[data-arriving="true"] .sami-bell-icon{animation:sami-bell-ring .85s ease-in-out}
.sn-bell[data-arriving="true"] .sn-count,#bellBtn[data-arriving="true"] .bdg{animation:sami-badge-pop .5s ease-out}
@keyframes sami-bell-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(17deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(3deg)}}
@keyframes sami-badge-pop{0%{transform:scale(.7)}55%{transform:scale(1.2)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.sn-root .sn-bell,.hd #bellBtn{transition:none}.sn-root .sn-bell:hover,.hd #bellBtn:hover,.sn-root .sn-bell:active,.hd #bellBtn:active{transform:none}.sn-bell .sami-bell-icon,#bellBtn .sami-bell-icon,.sn-bell .sn-count,#bellBtn .bdg{animation:none!important}}