:root{--bg:var(--fundo);--card:var(--superficie);--surface:var(--superficie);--surface-2:var(--superficie-2);--fill-slab:var(--superficie);--pane:var(--vidro);--pane-edge:var(--separador);--ink:var(--texto);--fill-on:var(--texto);--ink-2:var(--texto-2);--ink-3:var(--texto-2);--ink-4:var(--texto-3);--ink-5:var(--texto-3);--slab:var(--texto);--on-slab:var(--fundo);--pick:var(--destaque);--signal:var(--destaque);--focus:var(--destaque);--on-pick:var(--destaque-texto)}
.lk{--lk-on:#e5484d;width:var(--lk-tam,44px);height:var(--lk-tam,44px);background:var(--card);box-shadow:inset 0 0 0 1px var(--separador);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;place-items:center;padding:0;transition:scale .22s cubic-bezier(.22,1,.36,1),color .2s;display:inline-grid;position:relative}.lk:active{scale:.92}.lk[data-ativo]{color:var(--lk-on)}.lk:focus-visible{box-shadow:inset 0 0 0 1px var(--separador), 0 0 0 2px var(--bg), 0 0 0 4px var(--focus);outline:none}.lk-heart{place-items:center;width:20px;height:20px;display:grid;position:relative}.lk-glyph{z-index:1;display:grid;position:relative}.lk-glyph[data-pop]{animation:.52s cubic-bezier(.3,1.6,.4,1) both lk-heart}.lk-burst{pointer-events:none;position:absolute;top:50%;left:50%}.lk-bloom{box-sizing:border-box;border:17px solid var(--destaque);border-radius:50%;width:34px;height:34px;animation:.42s cubic-bezier(.25,.8,.35,1) both lk-bloom;position:absolute;top:-17px;left:-17px}.lk-spoke{rotate:var(--a);position:absolute;top:0;left:0}.lk-spoke i{background:var(--c);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;animation:.48s cubic-bezier(.2,.8,.3,1) .14s both lk-dot;position:absolute}.lk-spoke i:first-child{--side:-4px;--far:0px}.lk-spoke i:last-child{--side:4px;--far:-5px;width:4px;height:4px;margin:-2px 0 0 -2px}@media (prefers-reduced-motion:reduce){.lk-burst{display:none}.lk-glyph[data-pop]{animation:.2s both lk-fade}}@keyframes lk-heart{0%,28%{scale:0}62%{scale:1.25}to{scale:1}}@keyframes lk-bloom{0%{border-width:17px;border-color:var(--lk-on);scale:.15}40%{border-width:17px;border-color:var(--destaque);scale:1}75%{opacity:1;border-width:2px}to{opacity:0;border-width:0;border-color:var(--destaque);scale:1.12}}@keyframes lk-dot{0%{translate:12px var(--side);opacity:0;scale:1}12%{opacity:1}to{translate:calc(25px + var(--far)) calc(var(--side) * 1.6);opacity:1;scale:0}}@keyframes lk-fade{0%{opacity:0}to{opacity:1}}
