.applause-button-frame{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--applause-color, green)}.applause-button{position:relative;cursor:pointer;display:block;padding:0;border:0;background:transparent;color:var(--applause-color, green);outline:none;-webkit-tap-highlight-color:transparent}.applause-button .style-root{position:absolute;top:0;left:0;right:0;bottom:0;color:var(--applause-color, green);fill:var(--applause-color, green);stroke:var(--applause-color, green)}.applause-button .style-root:after{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;content:" ";display:block;border-radius:50%;background:radial-gradient(circle,hsl(var(--primary) / .16) 0%,transparent 58%);opacity:0;transform:scale(.74);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.applause-button:hover:not(.clap-limit-exceeded) .style-root:after,.applause-button:focus-visible:not(.clap-limit-exceeded) .style-root:after{opacity:1;transform:scale(1)}.applause-button:focus-visible{border-radius:9999px;box-shadow:0 0 0 2px hsl(var(--ring) / .45)}.applause-button.loading{opacity:.5}.applause-button .shockwave{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%}.applause-button svg{width:60%;height:60%;margin-left:20%;margin-top:20%;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.8;stroke:none;overflow:visible!important;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.applause-button:hover:not(.clap-limit-exceeded) svg{opacity:1;transform:translateY(-1px) scale(1.06) rotate(-3deg)}.applause-button svg g.flat{visibility:hidden}.applause-button svg g.outline{visibility:visible}.applause-button.clap-limit-exceeded{cursor:inherit}.applause-button:disabled{cursor:default}.applause-button.clap-limit-exceeded .style-root{fill:gray!important;stroke:gray!important;color:gray!important}.applause-button.clapped svg g.flat{visibility:visible}.applause-button.clapped svg g.outline{visibility:hidden}.applause-button .count-container{position:absolute;left:50%;top:-.95rem;z-index:2;width:auto;min-width:2rem;transform:translate(-50%);color:var(--applause-color, green);font-size:.72rem;font-weight:800;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.applause-button .count-container .count{text-align:center}.applause-total{min-height:1rem;color:hsl(var(--muted-foreground));font-size:.68rem;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.applause-button g.sparkle circle{opacity:0;stroke-width:0}.applause-button g.sparkle g:nth-child(1){transform:rotate(0) translate(10px)}.applause-button g.sparkle g:nth-child(2){transform:rotate(72deg) translate(10px)}.applause-button g.sparkle g:nth-child(3){transform:rotate(144deg) translate(10px)}.applause-button g.sparkle g:nth-child(4){transform:rotate(216deg) translate(10px)}.applause-button g.sparkle g:nth-child(5){transform:rotate(288deg) translate(10px)}.applause-button:hover:not(.clapped):not(.clap-limit-exceeded) .shockwave{animation-name:applause-hover-ring;animation-duration:1.35s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,1,.36,1)}.applause-button.clap{animation-name:pulse;animation-duration:.5s;animation-iteration-count:1}.applause-button.clap .sparkle circle{animation-name:explode;animation-duration:.5s;animation-iteration-count:1}.applause-button.clap .count{animation-name:hideThenShow;animation-duration:.5s;animation-iteration-count:1}@keyframes explode{0%{transform:translate(10px);opacity:0}20%{opacity:1}50%{opacity:1}to{opacity:0;transform:translate(25px)}}@keyframes shockwave{0%{transform:scale(1);box-shadow:0 0 2px;opacity:1}to{transform:scale(1);opacity:0;box-shadow:0 0 50px,inset 0 0 10px}}@keyframes applause-hover-ring{0%{opacity:.5;transform:scale(.72);box-shadow:0 0 hsl(var(--primary) / .2)}70%{opacity:0;transform:scale(1.35);box-shadow:0 0 0 12px hsl(var(--primary) / 0)}to{opacity:0;transform:scale(1.35);box-shadow:0 0 0 12px hsl(var(--primary) / 0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes hideThenShow{0%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-10px)}50%{transform:translateY(10px)}80%{transform:translateY(10px);opacity:0}to{opacity:1;transform:translateY(0)}}