.sb-like-slot{display:inline-flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:1rem;vertical-align:middle}.sb-like__wrap{position:relative;display:inline-flex}.sb-like{display:inline-flex;align-items:center;gap:.45rem;margin:0;height:var(--sb-control-h);width:var(--sb-control-h);box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:14px;background:var(--sb-blue-wash);color:var(--sb-ink-3);font:inherit;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.sb-like__icon{width:1.125rem;height:1.125rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.sb-like__summary{display:inline-flex;align-items:center;gap:.4rem;margin-inline-start:-.6rem}.sb-like__summary[hidden]{display:none}.sb-like__faces{display:inline-flex;flex-direction:row-reverse;align-items:center}.sb-like__faces-one{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;font-size:.85rem;line-height:1;border-radius:50%;background:var(--sb-bg);box-shadow:0 0 0 2px var(--sb-bg)}.sb-like__faces-one+.sb-like__faces-one{margin-inline-end:-.4rem}.sb-like__n{font-family:var(--sb-font-ui);font-size:.9375rem;font-variant-numeric:tabular-nums;color:var(--sb-ink-3)}.sb-like__bubble{width:1.125rem;height:1.125rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sb-like__comment{display:inline-flex;align-items:center;justify-content:center;height:var(--sb-control-h);width:var(--sb-control-h);box-sizing:border-box;padding:0;border:1px solid var(--sb-line);border-radius:14px;background:transparent;font:inherit;font-family:var(--sb-font-ui);font-size:.875rem;font-weight:600;color:var(--sb-ink-3);cursor:pointer;transition:color .16s ease,border-color .16s ease}.sb-like__comment:hover,.sb-like__comment:focus-visible{color:var(--sb-orange-action);border-color:var(--sb-orange-action)}.sb-like__comment:focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}.sb-like__n[hidden]{display:none}.sb-like{color:var(--sb-blue-soft)}.sb-like:hover,.sb-like:focus-visible{color:var(--sb-blue);border-color:var(--sb-blue-soft)}.sb-like.is-liked{background:var(--sb-blue);border-color:var(--sb-blue);color:#fff}.sb-like.is-liked:hover,.sb-like.is-liked:focus-visible{background:#182d73;border-color:#182d73;color:#fff}.sb-like__face{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;flex:none;line-height:1}.sb-like__face--emoji{font-size:1.05rem;color:initial}.sb-like__picker{position:absolute;top:calc(100% + .5rem);left:0;z-index:5;display:inline-flex;gap:.25rem;padding:.35rem;background:var(--sb-bg);border:1px solid var(--sb-line);border-radius:var(--sb-radius-pill);box-shadow:0 10px 30px #10182024}.sb-like__picker[hidden]{display:none}.sb-like__pick{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:var(--sb-radius-pill);background:transparent;cursor:pointer;font-size:1.25rem;line-height:1;-webkit-tap-highlight-color:transparent}.sb-like__pick:hover,.sb-like__pick:focus-visible{background:var(--sb-blue-wash)}.sb-like__pick.is-current{background:var(--sb-blue-wash);box-shadow:inset 0 0 0 1px var(--sb-blue-soft)}.sb-like__pick:focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.sb-like__pick{transition:transform .12s ease,background-color .12s ease}.sb-like__pick:hover{transform:translateY(-2px) scale(1.08)}}.sb-like__error{flex-basis:100%;font-size:.875rem;color:var(--sb-ink-2)}.sb-like__error a{color:inherit;text-decoration:underline}.sb-like__correct{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sb-control-h);height:var(--sb-control-h);box-sizing:border-box;padding:0;border:0;background:transparent;color:var(--sb-ink-3);text-decoration:none;transition:color .16s ease}.sb-like__correct:before{content:"";position:absolute;inset:0;border:1px solid var(--sb-line);border-radius:14px;transition:border-color .16s ease,background-color .16s ease}.sb-like__bulb{position:relative;width:1.125rem;height:1.125rem;flex:none;fill:currentColor;stroke:none}.sb-like__correct:hover,.sb-like__correct:focus-visible{color:var(--sb-orange-action)}.sb-like__correct:hover:before,.sb-like__correct:focus-visible:before{border-color:var(--sb-orange-action)}.sb-like__correct:focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}.sb-like:disabled{cursor:default}.sb-like:focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.sb-like__icon{transition:fill .14s ease-out}}
