.bell-toggle{--bt-clip:0px;--bt-press:.97;--bt-ease-out:cubic-bezier(.23,1,.32,1);-webkit-user-select:none;user-select: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:.65}.bell-toggle[data-disabled][data-pressed]{transform:none}.bell-toggle__button{justify-content:center;align-items:center;gap:var(--bt-gap);height:var(--bt-h);padding:0 var(--bt-px);border-radius:var(--bt-radius);background:var(--bt-bg);color:var(--bt-color);font:inherit;font-size:var(--bt-fs);white-space:nowrap;cursor:pointer;touch-action:manipulation;clip-path:inset(0 var(--bt-clip) 0 0 round var(--bt-radius));transition:background-color var(--bt-fade) ease,color var(--bt-fade) ease;border:0;grid-area:1/1;margin:0;font-weight:700;line-height:1;display:inline-flex}.bell-toggle__button:disabled{cursor:default}.bell-toggle__button:focus-visible{outline:3px solid var(--green-500);outline-offset:-5px}.bell-toggle[data-on=true] .bell-toggle__button{background:var(--bt-on-bg);color:var(--bt-on-color)}@media (hover:hover) and (pointer:fine){.bell-toggle__button:enabled:hover{background:color-mix(in srgb,var(--bt-color) 6%,var(--bt-bg))}.bell-toggle[data-on=true] .bell-toggle__button:enabled:hover{background:color-mix(in srgb,var(--bt-on-color) 6%,var(--bt-on-bg))}}.bell-toggle__bell{width:var(--bt-icon);height:var(--bt-icon);flex:none;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;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:0;pointer-events:none;width:14px;height:14px;position:absolute;top:-3px}.bell-toggle__wave--left{transform-origin:100% 100%;right:calc(100% - 2px)}.bell-toggle__wave--right{transform-origin:0 100%;left:calc(100% - 2px)}.bell-toggle__badge{box-sizing:border-box;background:var(--bt-badge);min-width:14px;height:14px;color:var(--bt-badge-ink);opacity:0;pointer-events:none;transition:transform .18s var(--bt-ease-out),opacity .14s ease;border-radius:7px;place-items:center;padding:0 3px;font-size:9.5px;font-weight:600;line-height:1;display:grid;position:absolute;top:-6px;right:-7px;transform:translateY(5px)scale(.6)}.bell-toggle__badge[data-show]{opacity:1;transform:translateY(0)scale(1)}.bell-toggle__digit{transition:opacity .2s ease,transform .2s var(--bt-ease-out);display:block}.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()}.bell-toggle--submit{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.bell-toggle--submit .bell-toggle__button{clip-path:none;width:100%;box-shadow:0 9px 22px #12352412}.bell-toggle--submit .bell-toggle__say{grid-template-columns:1fr}.bell-toggle--submit .bell-toggle__face{justify-self:center}@media (prefers-reduced-motion:reduce){.bell-toggle,.bell-toggle__face,.bell-toggle__badge,.bell-toggle__digit{transition:none}.bell-toggle[data-pressed]{transform:none}.bell-toggle__face{filter:none!important}.bell-toggle__badge,.bell-toggle__badge[data-show]{transform:none}}