.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)}}