.clap-wrap{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:visible}.clap-icon{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.clap-wrap.is-animating .clap-icon{animation:.65s cubic-bezier(.17,.89,.32,1.49) forwards clap-icon-pop}@keyframes clap-icon-pop{0%{transform:scale(1)}15%{transform:scale(.7)}40%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}.clap-ring{z-index:20;box-sizing:border-box;pointer-events:none;border:32px solid #0000;border-radius:50%;width:64px;height:64px;margin-top:-32px;margin-left:-32px;position:absolute;top:50%;left:50%;transform:scale(0)}.clap-wrap.is-animating .clap-ring{animation:.65s cubic-bezier(.21,.61,.35,1) forwards clap-ring-burst}@keyframes clap-ring-burst{0%{border-color:var(--primary);opacity:1;border-width:32px;transform:scale(0)}20%{border-color:var(--primary);opacity:.8;border-width:32px;transform:scale(1)}50%{border-color:var(--primary);opacity:0;border-width:0;transform:scale(1)}to{opacity:0;border-width:0;transform:scale(1)}}.clap-particles{z-index:20;pointer-events:none;width:5px;height:5px;box-shadow:0 0 0 0 var(--primary), 0 0 0 0 #ff6b6b, 0 0 0 0 #feca57, 0 0 0 0 #48dbfb, 0 0 0 0 #ff9ff3, 0 0 0 0 #54a0ff, 0 0 0 0 #feca57, 0 0 0 0 #ff6b6b, 0 0 0 0 var(--primary), 0 0 0 0 #48dbfb;opacity:0;background:0 0;border-radius:50%;margin-top:-2.5px;margin-left:-2.5px;position:absolute;top:50%;left:50%}.clap-wrap.is-animating .clap-particles{animation:.65s cubic-bezier(.21,.61,.35,1) forwards clap-particles}@keyframes clap-particles{0%{opacity:0;box-shadow:0 0 0 0 var(--primary), 0 0 0 0 #ff6b6b, 0 0 0 0 #feca57, 0 0 0 0 #48dbfb, 0 0 0 0 #ff9ff3, 0 0 0 0 #54a0ff, 0 0 0 0 #feca57, 0 0 0 0 #ff6b6b, 0 0 0 0 var(--primary), 0 0 0 0 #48dbfb}20%{opacity:1;box-shadow:20px 0px 0 0px var(--primary), 6px -19px 0 0px #ff6b6b, -16px -12px 0 0px #feca57, -16px 12px 0 0px #48dbfb, 6px 19px 0 0px #ff9ff3, 11px -8px 0 0px #54a0ff, -5px -13px 0 0px #feca57, -14px 0px 0 0px #ff6b6b, -5px 13px 0 0px var(--primary), 11px 8px 0 0px #48dbfb}60%{opacity:1;box-shadow:36px 0px 0 -1px var(--primary), 11px -34px 0 -1px #ff6b6b, -29px -21px 0 -1px #feca57, -29px 21px 0 -1px #48dbfb, 11px 34px 0 -1px #ff9ff3, 19px -14px 0 -1px #54a0ff, -7px -23px 0 -1px #feca57, -24px 0px 0 -1px #ff6b6b, -7px 23px 0 -1px var(--primary), 19px 14px 0 -1px #48dbfb}to{opacity:0;box-shadow:44px 0px 0 -2px var(--primary), 14px -42px 0 -2px #ff6b6b, -36px -26px 0 -2px #feca57, -36px 26px 0 -2px #48dbfb, 14px 42px 0 -2px #ff9ff3, 26px -19px 0 -2px #54a0ff, -10px -30px 0 -2px #feca57, -32px 0px 0 -2px #ff6b6b, -10px 30px 0 -2px var(--primary), 26px 19px 0 -2px #48dbfb}}.clap-count-roller{min-width:1ch;position:relative}.clap-roll-in{animation:.35s cubic-bezier(.22,.68,.31,1.12) forwards clap-roll}.clap-roll-old{opacity:.5}@keyframes clap-roll{0%{opacity:.4;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}