.animated-icon[data-icon=bell] [data-part=dot]{fill:var(--icon-badge,currentColor);stroke:var(--icon-badge-ring,transparent);stroke-width:2px;paint-order:stroke}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=bell] [data-part=body],:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=bell] [data-part=clapper]{transform-origin:12px 2.5px;animation-duration:var(--icon-duration-long)}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=bell] [data-part=body]{animation-name:icon-bell-body}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=bell] [data-part=clapper]{--icon-delay:60ms;animation-name:icon-bell-clapper}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=bell] [data-part=dot]{--icon-scale:.6;--icon-overshoot:.8;--icon-delay:.12s;transform-origin:18.5px 5.5px;animation-name:icon-pop;animation-duration:var(--icon-duration-short)}@keyframes icon-bell-body{15%{transform:rotate(14deg)}35%{transform:rotate(-11deg)}55%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}}@keyframes icon-bell-clapper{18%{transform:rotate(8deg)translate(-2px)}38%{transform:rotate(-7deg)translate(2.5px)}58%{transform:rotate(4deg)translate(-1.5px)}78%{transform:rotate(-2deg)translate(.6px)}}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=calendar] [data-part=ring]{--icon-y:-1.75px;animation-name:icon-nudge;animation-duration:var(--icon-duration-short)}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=calendar] [data-part=days]>path{--icon-delay:.11s;--icon-scale:.45;--icon-overshoot:1;transform-box:fill-box;transform-origin:50%;animation-name:icon-pop;animation-duration:var(--icon-duration-short)}:is([data-icon-hover] .animated-icon,.animated-icon[data-icon-hover],.animated-icon[data-play])[data-icon=flag] [data-part=cloth]{transform-origin:4px 9px;animation-name:icon-flag-wave;animation-duration:var(--icon-duration-long)}@keyframes icon-flag-wave{20%{transform:skewY(-7deg)scaleX(.94)}45%{transform:skewY(5deg)scaleX(.97)}70%{transform:skewY(-2deg)}}