.tickUp{animation:tick-up .28s var(--ease-out) both;display:inline-block}.tickDown{animation:tick-down .28s var(--ease-out) both;display:inline-block}@keyframes tick-up{0%{opacity:0;transform:translateY(55%)}to{opacity:1;transform:none}}@keyframes tick-down{0%{opacity:0;transform:translateY(-55%)}to{opacity:1;transform:none}}.morphIn{animation:morph-in .32s var(--ease-spring) both;display:inline-flex}@keyframes morph-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ripple{position:relative}.ripple:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:ripple .52s var(--ease-out);border:2px solid;position:absolute;inset:-1px}@keyframes ripple{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.collapse{opacity:0;transition:grid-template-rows var(--dur-slow) var(--ease-out), opacity var(--dur) var(--ease-out);grid-template-rows:0fr;display:grid}.collapse[data-open=true]{opacity:1;grid-template-rows:1fr}.collapse>*{min-height:0;overflow:hidden}.dialog[open]{animation:dialog-in .26s var(--ease-out) both}.dialog[open]::backdrop{animation:backdrop-in .26s var(--ease-out) both}.dialog[data-closing=true]{animation:dialog-out .18s var(--ease-out) both}.dialog[data-closing=true]::backdrop{animation:backdrop-out .18s var(--ease-out) both}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes dialog-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.newComment{animation:new-comment 1.4s var(--ease-out) both}@keyframes new-comment{0%{opacity:0;background-color:var(--color-subtle);transform:translateY(10px)}25%{opacity:1;background-color:var(--color-subtle);transform:none}to{opacity:1;background-color:#0000;transform:none}}.swap{animation:swap-in .36s var(--ease-out) both}@keyframes swap-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.levelFill{transform-origin:0;animation:level-fill .9s var(--ease-out) .2s both}@keyframes level-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tickUp,.tickDown,.morphIn,.newComment,.swap,.levelFill,.dialog[open],.dialog[open]::backdrop,.dialog[data-closing=true],.dialog[data-closing=true]::backdrop{animation:none}.ripple:after{display:none}.collapse{transition:none}}@media (max-width:767px){.dialog[open]{animation:sheet-in .34s var(--ease-out) both}.dialog[data-closing=true]{animation:sheet-out .2s var(--ease-in-out) both}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-out{to{transform:translateY(100%)}}