.cbv{gap:8px;-webkit-user-select:none;user-select:none}.cbv,.cbv__btn{display:inline-flex;align-items:center}.cbv__btn{justify-content:center;width:26px;height:26px;padding:0;cursor:pointer;background:transparent;border:1px solid var(--cb-rule,oklch(.3 .01 250));color:var(--cb-bone-3,oklch(.55 .008 80));transition:color .15s,border-color .15s,background .15s}.cbv__btn svg{width:15px;height:15px}.cbv__btn:hover:not(:disabled){color:var(--cb-bone,oklch(.94 .01 80));border-color:var(--cb-bone-3,oklch(.55 .008 80))}.cbv__btn:disabled{cursor:default;opacity:.7}.cbv__btn--up.is-active{color:#4ade80;border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.12)}.cbv__btn--down.is-active{color:#f87171;border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.12)}.cbv__score{min-width:2.2ch;text-align:center;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1;color:var(--cb-bone-2,oklch(.78 .01 80));transition:color .15s}.cbv__score--up{color:#4ade80}.cbv__score--down{color:#f87171}.cbv--vertical{flex-direction:column;gap:1px}.cbv--vertical .cbv__btn{width:26px;height:19px;border:none;background:transparent;color:var(--cb-bone-3,oklch(.55 .008 80))}.cbv--vertical .cbv__btn:hover:not(:disabled){border:none;background:transparent;color:var(--cb-bone,oklch(.94 .01 80))}.cbv--vertical .cbv__btn svg{width:17px;height:17px}.cbv--vertical .cbv__btn--up.is-active{border:none;background:transparent;color:#4ade80}.cbv--vertical .cbv__btn--down.is-active{border:none;background:transparent;color:#f87171}.cbv--vertical .cbv__score{min-width:0;font-family:var(--font-display);font-size:17px;letter-spacing:.02em;color:var(--cb-bone,oklch(.94 .01 80))}.cbv--compact{gap:0;border:1px solid var(--cb-rule,oklch(.3 .01 250));line-height:1}.cbv--compact .cbv__btn{width:17px;height:19px;border:none;background:transparent}.cbv--compact .cbv__btn svg{width:11px;height:11px}.cbv--compact .cbv__btn:hover:not(:disabled){border:none;background:rgba(255,255,255,.06);color:var(--cb-bone,oklch(.94 .01 80))}.cbv--compact .cbv__btn--down.is-active,.cbv--compact .cbv__btn--up.is-active{border:none;background:transparent}.cbv--compact .cbv__score{min-width:2.4ch;padding:0 3px;font-size:10px;letter-spacing:.04em}@media (pointer:coarse){.cbv--compact .cbv__btn{width:26px;height:26px}.cbv--compact .cbv__btn svg{width:13px;height:13px}.cbv--compact .cbv__score{font-size:11px}}