.LikeButton{--LikeButton-iconSize: 18px;--LikeButton-fontSize: .8125rem;--LikeButton-padding: 6px;display:inline-flex;align-items:center;gap:calc(var(--mui-grid-size) * .25);vertical-align:middle}.LikeButton--medium{--LikeButton-iconSize: 20px;--LikeButton-fontSize: .875rem;--LikeButton-padding: 8px}.LikeButton--large{--LikeButton-iconSize: 24px;--LikeButton-fontSize: 1rem;--LikeButton-padding: 12px}.LikeButton__button{gap:calc(var(--LikeButton-iconSize) * .35);padding:var(--LikeButton-padding)!important;border-radius:50%!important;color:var(--mui-palette-text-secondary)!important;font-family:inherit!important;font-size:var(--LikeButton-fontSize)!important;font-weight:500!important;transition:color .15s ease-out,background-color .15s ease-out}.LikeButton__button--withCount{min-width:48px;min-height:30px;padding:4px 8px!important;border-radius:var(--mui-shape-borderRadius)!important}.LikeButton__button--liked,.LikeButton__button:hover{color:var(--app-like)!important}.LikeButton__button:hover{background-color:var(--app-like-faint)!important}.LikeButton__heart{position:relative;display:inline-flex}.LikeButton__heart svg{font-size:var(--LikeButton-iconSize)}.LikeButton__heart--pop svg{animation:LikeButton-pop .45s cubic-bezier(.2,.8,.3,1)}.LikeButton__heart--shrink svg{animation:LikeButton-shrink .2s ease-out}.LikeButton__burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.LikeButton__particle{--LikeButton-particleSize: calc(var(--LikeButton-iconSize) * .2);position:absolute;top:50%;left:50%;width:var(--LikeButton-particleSize);height:var(--LikeButton-particleSize);margin:calc(var(--LikeButton-particleSize) / -2);border-radius:50%;background-color:var(--app-like);opacity:0;animation:LikeButton-particle .6s 60ms ease-out}.LikeButton__particle:nth-child(2n){background-color:#ff9fce;animation-duration:.52s}.LikeButton__count{display:inline-grid;justify-items:start;min-width:2ch;overflow:hidden;line-height:1.75;font-variant-numeric:tabular-nums}.LikeButton__countValue{grid-area:1 / 1;animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.8,.3,1);animation-fill-mode:both}.LikeButton__countValue--inUp{animation-name:LikeButton-inUp}.LikeButton__countValue--outUp{animation-name:LikeButton-outUp}.LikeButton__countValue--inDown{animation-name:LikeButton-inDown}.LikeButton__countValue--outDown{animation-name:LikeButton-outDown}.LikeButton>.LikeButton__count{justify-items:end;color:var(--mui-palette-text-primary);font-size:var(--LikeButton-fontSize);line-height:1.5}.LikeButton>.LikeButton__count--liked{color:var(--app-like)}@keyframes LikeButton-pop{15%{transform:scale(.7)}45%{transform:scale(1.3)}70%{transform:scale(.92)}}@keyframes LikeButton-shrink{50%{transform:scale(.8)}}@keyframes LikeButton-particle{0%{opacity:0;transform:rotate(var(--LikeButton-angle)) translateY(calc(var(--LikeButton-iconSize) * -.35)) scale(.4)}20%{opacity:1;transform:rotate(var(--LikeButton-angle)) translateY(calc(var(--LikeButton-iconSize) * -.6)) scale(1)}to{opacity:0;transform:rotate(var(--LikeButton-angle)) translateY(calc(var(--LikeButton-iconSize) * -1.2)) scale(0)}}@keyframes LikeButton-inUp{0%{opacity:0;transform:translateY(100%)}}@keyframes LikeButton-outUp{to{opacity:0;transform:translateY(-100%)}}@keyframes LikeButton-inDown{0%{opacity:0;transform:translateY(-100%)}}@keyframes LikeButton-outDown{to{opacity:0;transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.LikeButton__heart svg,.LikeButton__countValue{animation:none!important}.LikeButton__burst,.LikeButton__countValue--outUp,.LikeButton__countValue--outDown{display:none}}