.action-button-group{align-items:center;gap:.5rem;display:flex}.action-button-group .action-button{border:1px solid var(--b-line);border-radius:var(--radius-circle);color:var(--b-ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}:root[data-theme=light] .action-button-group .action-button img{filter:brightness(0)saturate()}.action-button-group .action-button:hover{background:var(--b-subtle);transform:scale(1.05)}.action-button-group .action-button:active{transform:scale(.95)}.action-button-group .action-button.active{background:var(--b-hi);border-color:var(--b-accent)}.action-button-group .action-button--mark-read:hover{background:color-mix(in srgb, var(--b-good) 15%, transparent);border-color:var(--b-good);color:var(--b-good)}.action-button-group .action-button--bookmark:hover{background:color-mix(in srgb, var(--b-warn) 15%, transparent);border-color:var(--b-warn);color:var(--b-warn)}.action-button-group .action-button--share:hover{background:var(--b-hi);border-color:var(--b-accent);color:var(--b-accent-text)}.action-button-group .vote-container{border:1px solid var(--b-line);border-radius:var(--radius-pill);align-items:center;padding:0;display:flex;overflow:hidden}.action-button-group .vote-container:hover,.action-button-group .vote-container.active{background:var(--b-hi);border-color:var(--b-accent)}.action-button-group .vote-container.active:hover{background:var(--b-pastel);border-color:var(--b-accent)}.action-button-group .vote-container .vote-button{color:var(--b-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem .5rem;transition:all .2s;display:flex}.action-button-group .vote-container .vote-button--upvote:hover,.action-button-group .vote-container .vote-button--downvote:hover{transform:scale(1.2)}.action-button-group .vote-container .vote-button--consent-disabled{opacity:.4;cursor:not-allowed}.action-button-group .vote-container .vote-button--consent-disabled:hover{transform:none}.action-button-group .vote-container .vote-count{color:var(--b-ink);text-align:center;min-width:1rem;padding:0 .25rem;font-size:.75rem;font-weight:600}.action-button-group--small{gap:.375rem}.action-button-group--small .action-button{width:1.75rem;height:1.75rem}.action-button-group--small .vote-container{height:1.75rem}.action-button-group--small .vote-container .vote-button{padding:.125rem .375rem}.action-button-group--small .vote-container .vote-count{font-size:.625rem}.action-button-group--medium{gap:.5rem}.action-button-group--medium .action-button{width:2rem;height:2rem}.action-button-group--medium .vote-container{height:2rem}.action-button-group--medium .vote-container .vote-button{padding:.25rem .5rem}.action-button-group--medium .vote-container .vote-count{font-size:.75rem}.action-button-group--large{gap:.625rem}.action-button-group--large .action-button{width:2.5rem;height:2.5rem}.action-button-group--large .vote-container{height:2.5rem}.action-button-group--large .vote-container .vote-button{padding:.375rem .625rem}.action-button-group--large .vote-container .vote-count{font-size:.875rem}.action-button-group--grid .action-button{background:var(--b-subtle);border-color:var(--b-line)}.action-button-group--grid .vote-container{background:var(--b-subtle)}.action-button-group--modal .action-button{background:var(--b-subtle);border-color:var(--b-line);color:var(--b-ink)}.action-button-group--modal .action-button:hover{background:var(--b-line)}.action-button-group--modal .action-button.active{background:var(--b-hi);border-color:var(--b-accent)}.action-button-group--modal .vote-container{background:var(--b-subtle);border-color:var(--b-line)}.action-button-group--modal .vote-container:hover{background:var(--b-line)}.action-button-group--modal .vote-container .vote-button,.action-button-group--modal .vote-container .vote-count{color:var(--b-ink)}@media (max-width:768px){.action-button-group{gap:.375rem}.action-button-group--medium .action-button{width:1.875rem;height:1.875rem}.action-button-group--medium .vote-container{height:1.875rem}.action-button-group--medium .vote-container .vote-button{padding:.1875rem .375rem}}@media (max-width:48rem){.action-button-group--large .action-button,.action-button-group--large .vote-button{width:2rem;height:2rem}.action-button-group--large .action-button img,.action-button-group--large .vote-button img{width:1rem;height:1rem}.action-button-group--large .vote-container{height:2rem}.action-button-group--medium .action-button,.action-button-group--medium .vote-button{width:1.875rem;height:1.875rem}.action-button-group--medium .action-button img,.action-button-group--medium .vote-button img{width:1rem;height:1rem}.action-button-group--medium .vote-container{height:1.875rem}.action-button-group--small .action-button,.action-button-group--small .vote-button{width:2rem;height:2rem}.action-button-group--small .action-button img,.action-button-group--small .vote-button img{width:1rem;height:1rem}.action-button-group--small .vote-container{height:2rem}.action-button-group--small .vote-container img{width:1rem;height:1rem}}