.bell-toggle{--bt-clip:0px;--bt-color:#9ca3af;--bt-bg:#ffffff0d;--bt-border:#ffffff14;--bt-on-color:#44d62c;--bt-on-bg:#44d62c26;--bt-on-border:#44d62c59;--bt-badge:#22c55e;--bt-badge-ink:#fff;--bt-radius:9999px;--bt-fade:.2s;--bt-pivot:8%;--bt-h:36px;--bt-fs:13px;--bt-icon:18px;--bt-px:12px;--bt-gap:8px;--bt-press:.94;--bt-ease-out:cubic-bezier(.23,1,.32,1);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .16s var(--bt-ease-out);grid-template-columns:max-content;display:inline-grid;position:relative}.bell-toggle[data-pressed]{transform:scale(var(--bt-press))}.bell-toggle[data-disabled]{opacity:.5;pointer-events:none}.bell-toggle__button{justify-content:center;align-items:center;gap:var(--bt-gap);height:var(--bt-h);padding:0 var(--bt-px);border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-bg);color:var(--bt-color);font:inherit;font-size:var(--bt-fs);letter-spacing:.01em;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;clip-path:inset(0 var(--bt-clip)0 0 round var(--bt-radius));transition:background-color var(--bt-fade)ease,border-color var(--bt-fade)ease,box-shadow var(--bt-fade)ease,color var(--bt-fade)ease;outline:none;grid-area:1/1;margin:0;font-weight:600;line-height:1;display:inline-flex}.bell-toggle--icon-only{width:var(--bt-h);height:var(--bt-h)}.bell-toggle--icon-only .bell-toggle__button{width:var(--bt-h);height:var(--bt-h);border-radius:9999px;padding:0;clip-path:none!important;overflow:visible!important}.bell-toggle__button:disabled{cursor:default}.bell-toggle[data-on=true] .bell-toggle__button{background:var(--bt-on-bg);border-color:var(--bt-on-border);color:var(--bt-on-color);box-shadow:0 0 15px #44d62c33}@media (hover:hover) and (pointer:fine){.bell-toggle__button:enabled:hover{color:#44d62c;background:#ffffff1a;border-color:#44d62c4d}.bell-toggle[data-on=true] .bell-toggle__button:enabled:hover{background:#44d62c38;border-color:#44d62c80}}.bell-toggle__bell{width:var(--bt-icon);height:var(--bt-icon);flex:none;place-items:center;display:inline-grid;position:relative}.bell-toggle__glyph{width:var(--bt-icon);height:var(--bt-icon);transform-origin:50% var(--bt-pivot);grid-area:1/1;place-items:center;display:inline-grid}.bell-toggle__glyph svg{width:100%;height:100%}.bell-toggle__clapper{transform-origin:50% var(--bt-pivot);pointer-events:none;position:absolute;inset:0}.bell-toggle__clapper svg{width:100%;height:100%;display:block}.bell-toggle__wave{fill:none;width:14px;height:14px;stroke:var(--bt-on-color,#44d62c);stroke-width:1.8px;stroke-linecap:round;opacity:0;pointer-events:none;position:absolute;top:-4px}.bell-toggle__wave--left{transform-origin:100% 100%;right:calc(100% + 1px)}.bell-toggle__wave--right{transform-origin:0 100%;left:calc(100% + 1px)}.bell-toggle__badge{top:-12px;right:-12px;box-sizing:border-box;background:var(--bt-badge,#22c55e);min-width:16px;height:16px;color:var(--bt-badge-ink,#fff);opacity:0;pointer-events:none;z-index:10;transition:transform .18s var(--bt-ease-out),opacity .14s ease;border-radius:9999px;justify-content:center;align-items:center;padding:0 3.5px;font-family:inherit;font-size:9.5px;font-weight:700;line-height:1;display:flex;position:absolute;inset-inline-end:-12px;transform:translateY(4px)scale(.5);box-shadow:0 0 10px #22c55e80}.bell-toggle__badge[data-show]{opacity:1;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .12s;transform:translateY(0)scale(1)}.bell-toggle__digit{opacity:1;transition:opacity .2s ease,transform .2s var(--bt-ease-out);display:block;transform:translateY(0)}@starting-style{.bell-toggle__digit{opacity:0;transform:translateY(5px)}}.bell-toggle__say{grid-template-columns:max-content;height:18px;line-height:18px;display:inline-grid}.bell-toggle__face{opacity:0;filter:blur(2px);transition:opacity var(--bt-fade)ease,filter var(--bt-fade)ease;grid-area:1/1;justify-self:start}.bell-toggle[data-on=false] .bell-toggle__face--off,.bell-toggle[data-on=true] .bell-toggle__face--on{opacity:1;filter:blur()}@media (prefers-reduced-motion:reduce){.bell-toggle[data-pressed]{transform:none}.bell-toggle__face{transition:opacity var(--bt-fade)ease;filter:none!important}.bell-toggle__badge,.bell-toggle__badge[data-show]{transition:opacity .14s;transform:none}.bell-toggle__digit{transition:opacity .2s;transform:none}}[dir=rtl] .bell-toggle__badge{left:-12px;right:auto}.bell-toggle--ghost{--bt-bg:transparent;--bt-border:transparent;--bt-on-bg:transparent;--bt-on-border:transparent;--bt-h:32px;--bt-icon:19px;width:32px!important;height:32px!important}.bell-toggle--ghost.bell-toggle--icon-only,.bell-toggle--ghost .bell-toggle__button{width:32px!important;height:32px!important;box-shadow:none!important;background:0 0!important;border:#0000!important;padding:0!important}.bell-toggle--ghost[data-on=true] .bell-toggle__button{box-shadow:none!important;color:var(--bt-on-color,#44d62c)!important;background:0 0!important;border-color:#0000!important}@media (hover:hover) and (pointer:fine){.bell-toggle--ghost .bell-toggle__button:enabled:hover,.bell-toggle--ghost[data-on=true] .bell-toggle__button:enabled:hover{color:#44d62c!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}}.bell-toggle--ghost .bell-toggle__badge{min-width:16px;height:16px;padding:0 3.5px;font-size:10px;font-weight:700;top:-10px!important;color:#fff!important;background:#22c55e!important;inset-inline-end:-10px!important;box-shadow:0 0 10px #22c55e80!important}[dir=rtl] .bell-toggle--ghost .bell-toggle__badge{left:-10px!important;right:auto!important}