:root{--sm-like:#1e2a4a;--sm-dislike:#a8361c;--sm-dislike-bg:#b5b4b2;--sm-border:#1e2a4a;--sm-hover-bg:#eef1f7;--sm-focus-ring:#2563eb;--sm-text-neutral:#1e2a4a;--sm-msg-color:#5a6172;--sm-height:44px;--sm-radius:999px;--sm-border-width:1.5px;--sm-font-size:15px;--sm-font-weight:500}.sm-meter{display:inline-flex;flex-direction:column;flex-shrink:0;position:relative}.sm-meter__group{border:var(--sm-border-width) solid var(--sm-border);border-radius:var(--sm-radius);flex-shrink:0;height:var(--sm-height);overflow:hidden}.sm-meter__btn,.sm-meter__group{align-items:center;background:#fff;display:flex}.sm-meter__btn{border:0;color:var(--sm-text-neutral);cursor:pointer;font-family:inherit;font-size:var(--sm-font-size);font-weight:var(--sm-font-weight);gap:6px;height:100%;margin:0;padding:0 14px;position:relative;transition:background .15s,color .15s}.sm-meter__btn--like{border-radius:calc(var(--sm-radius) - 1px) 0 0 calc(var(--sm-radius) - 1px)}.sm-meter__btn--dislike{border-radius:0 calc(var(--sm-radius) - 1px) calc(var(--sm-radius) - 1px) 0}.sm-meter__btn svg{fill:none;flex-shrink:0;transition:fill .15s}.sm-meter__btn:hover:not(:disabled){background:var(--sm-hover-bg)}.sm-meter__btn:focus-visible{box-shadow:inset 0 0 0 3px var(--sm-focus-ring);outline:none;z-index:1}.sm-meter__btn:disabled{cursor:not-allowed;opacity:.5}.sm-meter__btn .sm-meter__tooltip{background:var(--sm-like);border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-size:13px;font-weight:400;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .12s;white-space:nowrap;z-index:10}.sm-meter__btn .sm-meter__tooltip:after{border:5px solid transparent;border-top:5px solid var(--sm-like);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.sm-meter__btn:hover:not(:disabled) .sm-meter__tooltip{opacity:1}.sm-meter__divider{background:var(--sm-border);flex-shrink:0;height:22px;transition:opacity .15s;width:1.5px}@keyframes sm-spin{to{transform:rotate(1turn)}}.sm-meter__spinner{animation:sm-spin .75s linear infinite;flex-shrink:0;height:20px;width:20px}.sm-meter__msg{align-items:center;color:var(--sm-msg-color);display:flex;font-size:14px;gap:6px;left:50%;margin:0;position:absolute;top:calc(var(--sm-height) + 6px);transform:translateX(-50%);white-space:nowrap}.sm-meter__msg a{text-decoration:underline;text-underline-offset:2px}.sm-meter__msg svg{flex-shrink:0}.sm-meter[data-state=liked] .sm-meter__btn--like{background:var(--sm-like);color:#fff}.sm-meter[data-state=liked] .sm-meter__btn--like svg{fill:currentColor}.sm-meter[data-state=liked] .sm-meter__btn--like:hover:not(:disabled){background:var(--sm-like);filter:brightness(1.1)}.sm-meter[data-state=liked] .sm-meter__divider{opacity:0}.sm-meter[data-state=disliked] .sm-meter__btn--dislike{background:var(--sm-dislike-bg);color:var(--sm-dislike)}.sm-meter[data-state=disliked] .sm-meter__btn--dislike svg{fill:currentColor}.sm-meter[data-state=disliked] .sm-meter__btn--dislike:hover:not(:disabled){background:var(--sm-dislike-bg);filter:brightness(.95)}.sm-meter[data-state=disliked] .sm-meter__divider{opacity:0}.sm-meter[data-state=loading] .sm-meter__group{cursor:progress;opacity:.6}.sm-meter[data-state=loading] .sm-meter__btn{cursor:progress}
