.wf-ntf[hidden],.wf-ntf [hidden]{display:none!important}
.wf-ntf__go{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;line-height:1.3;padding-top:8px;padding-bottom:8px;text-align:left}
.wf-ntf__bell{width:1.25em;height:1.25em;flex-shrink:0}
.wf-ntf--full .wf-ntf__go{width:100%}
@media (max-width:639px){.wf-ntf--full-mobile .wf-ntf__go{width:100%}}
.wf-ntf__off{min-height:44px}
.wf-ntf__help{position:relative;margin-top:12px;padding:14px 16px 14px 56px;border-radius:10px;background:rgba(0,0,0,.05);text-align:left;max-width:420px;display:inline-block}
.uk-text-center .wf-ntf__help,.uk-text-right .wf-ntf__help{text-align:left}
.wf-ntf__help p{margin:0}
.wf-ntf__help p+p{margin-top:6px}
.wf-ntf__help-title{font-weight:600}
.wf-ntf__share{position:absolute;left:16px;top:14px;color:#007aff}
.wf-ntf__ok{margin:0 0 8px;font-weight:600}
.wf-ntf__topics{border:0;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.uk-text-center .wf-ntf__topics{justify-content:center}
.uk-text-right .wf-ntf__topics{justify-content:flex-end}
.wf-ntf__topics legend{width:100%;padding:0;margin-bottom:4px}
.wf-ntf__topics label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:44px}
.wf-ntf__msg{margin:0}
.wf-ntf__teams{margin:0 0 8px}
.wf-ntf__teams summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;flex-wrap:wrap;list-style:none}
.wf-ntf__teams summary::-webkit-details-marker{display:none}
.wf-ntf__teams summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-right:4px;transition:transform .2s;flex-shrink:0}
.wf-ntf__teams[open] summary::before{transform:rotate(45deg)}
.wf-ntf__teams .wf-ntf__topics{margin-top:4px}
.wf-ntf__on{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.uk-text-center .wf-ntf__on{justify-content:center}
.uk-text-right .wf-ntf__on{justify-content:flex-end}
.wf-ntf__on .wf-ntf__ok{display:inline-flex;align-items:center;gap:10px;margin:0;min-height:44px;white-space:nowrap}
.wf-ntf__badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,currentColor 9%,transparent)}
.wf-ntf__badge svg{transform-origin:50% 12%;animation:wf-ntf-ring .9s ease-out .15s 1}
.wf-ntf__badge::after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #fff}
.wf-ntf__on .wf-ntf__off{position:relative;padding-left:16px}
.wf-ntf__on .wf-ntf__off::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:currentColor;opacity:.25}
@media (max-width:479px){.wf-ntf__on{gap:0 16px}.wf-ntf__on .wf-ntf__off{padding-left:0}.wf-ntf__on .wf-ntf__off::before{display:none}}
.wf-ntf--team.is-following .wf-ntf__status{display:none}
@keyframes wf-ntf-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.wf-ntf__badge svg{animation:none}}
.wf-ntf__status{margin:6px 0 0;min-height:1em}
.wf-ntf__status:empty{display:none}
