@layer theme,base;@layer components{.cm-acts{align-items:center;gap:2px;min-height:28px;margin:2px 0 -4px -8px;display:flex}.cm-act{height:28px;color:var(--ink-3);transition:background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), scale var(--t-fast) var(--ease-out);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding-inline:8px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}button.cm-act:hover{background-color:var(--surface-2);color:var(--ink)}button.cm-act:active{scale:.96}.cm-act[aria-pressed=true],.cm-act[aria-expanded=true]{color:var(--ink-2)}.cm-act--still{cursor:default}@media (pointer:coarse){.cm-acts{margin:0 0 -8px -10px}.cm-act{height:40px;padding-inline:10px}}.cm-heart{transition:color var(--t-fast) var(--ease-out);flex:none;place-items:center;display:inline-grid;position:relative}.cm-act[aria-pressed=true] .cm-heart{color:var(--like)}.cm-heart[data-pop]>svg{animation:cm-pop .32s var(--ease-out)}.cm-heart[data-pop]:after{content:"";opacity:0;pointer-events:none;animation:cm-ring .42s var(--ease-out);border:1.5px solid;border-radius:50%;position:absolute;inset:-5px}.cm-count{font-variant-numeric:tabular-nums;display:inline-block}.cm-count[data-roll]{animation:cm-roll .18s var(--ease-out)}.cm-replies{flex-direction:column;margin-top:6px;display:flex}.cm-reply{transition:opacity .16s var(--ease-out), translate .16s var(--ease-out);gap:10px;padding-block:8px;display:flex}.cm-reply[data-fresh]{animation:cm-rise var(--dur) var(--ease-out) backwards}.cm-reply[data-leaving]{opacity:0;translate:0 -4px}.cm-more{height:32px;color:var(--ink-2);transition:background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);border-radius:8px;align-self:flex-start;align-items:center;gap:10px;margin-left:-8px;padding-inline:8px;font-size:13px;font-weight:600;display:inline-flex}.cm-more:before{content:"";background-color:var(--rule-strong,var(--rule));width:20px;height:1px}.cm-more:hover{background-color:var(--surface-2);color:var(--ink)}@media (pointer:coarse){.cm-more{height:40px}}.cm-compose{animation:cm-rise var(--dur) var(--ease-out) backwards;gap:10px;padding-block:8px 4px;display:flex}.cm-flash{animation:cm-flash 1.6s var(--ease-out);border-radius:8px}@media (prefers-reduced-motion:reduce){.cm-heart[data-pop]>svg,.cm-heart[data-pop]:after,.cm-count[data-roll],.cm-reply[data-fresh],.cm-compose{animation:none}button.cm-act:active{scale:none}.cm-reply[data-leaving]{translate:none}}}@layer utilities;@keyframes cm-pop{0%{scale:.7}50%{scale:1.18}to{scale:1}}@keyframes cm-ring{0%{opacity:.55;scale:.5}to{opacity:0;scale:1.3}}@keyframes cm-roll{0%{opacity:0;translate:0 40%}}@keyframes cm-rise{0%{opacity:0;translate:0 4px}}@keyframes cm-flash{0%,40%{background-color:var(--surface-2)}}