.content-vote-button{--color-event-vote-button-background:var(--color-primary);--color-event-vote-button-stroke:var(--color-primary);--color-event-vote-button-color:var(--color-white);z-index:10;width:48px;height:48px;color:var(--color-event-vote-button-color,white);cursor:pointer;-webkit-touch-callout:none;background:0 0;border:0;border-radius:24px;margin-bottom:4px;padding:0;transition:color .1s ease-in-out,transform .1s linear;display:block;position:relative}.content-vote-button:active:not(:disabled){transform:scale(1.833)}.content-vote-button:disabled{--color-event-vote-button-background:#c7a6ff;--color-event-vote-button-stroke:#c7a6ff;--color-event-vote-button-color:white}.content-vote-button.is-pressed{z-index:100001}.content-vote-button circle{fill:var(--color-event-vote-button-background);stroke:var(--color-event-vote-button-stroke);stroke-width:4px;paint-order:stroke;stroke-dasharray:138.248;transform-origin:50%;transition:fill .1s ease-in-out,stroke .1s ease-in-out;transform:rotate(-135deg)}.content-vote-button.has-voted{--color-event-vote-button-background:var(--color-white);--color-event-vote-button-stroke:var(--color-primary);--color-event-vote-button-color:var(--color-primary)}.content-vote-button.has-voted ._count{opacity:1;transform:translate(-50%,-50%)rotate(225deg)translate(24px)rotate(-225deg)}.content-vote-button.is-updating circle{animation:1s linear infinite savingVote}.content-vote-button.is-dirty{--count-opacity:1}.content-vote-button.is-dirty ._count{transform:translate(-50%,-50%)rotate(225deg)translate(24px)rotate(-225deg)}.content-vote-button.is-error{--color-event-vote-button-background:var(--color-accent-red);--color-event-vote-button-stroke:var(--color-accent-red);--color-event-vote-button-color:var(--color-white);animation:1s linear shake}.content-vote-button ._icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-vote-button ._count{opacity:var(--count-opacity,0);color:#fff;background:var(--color-primary);pointer-events:none;border-radius:8px;padding:0 5px;font-size:10px;line-height:1.5;transition:transform .3s ease-in-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(225deg)translate(24px)rotate(-225deg)}@keyframes savingVote{0%{stroke-dashoffset:0}to{stroke-dashoffset:-276.496px}}@keyframes shake{0%,14%,28%,40%,56%{transform:translate(0)}7%,36%{transform:translate(-10px)}20%,48%{transform:translate(-10px)}}