.vote_root__4PCer{--empty-delay:0.2s;--to-empty-time:0.2s;--to-voted-time:0.2s}.vote_button__GG84k{overflow:hidden;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-3);border:1px solid var(--gray-a3);font-size:var(--font-size-3);font-weight:var(--font-weight-medium);color:var(--colors-text);position:relative}.vote_bar-default__1f02n,.vote_bar___MsvN{position:absolute;top:0;left:0;height:100%}.vote_bar-default__1f02n{z-index:0;background-color:#fff;width:100%}.vote_bar___MsvN{z-index:0;background-color:var(--custom-color);.vote_root__4PCer[data-state=initial] &{width:100%}.vote_root__4PCer[data-prev-state=initial].vote_root__4PCer[data-state=empty] &{width:0;transition:var(--to-empty-time) width var(--transition-decel)}.vote_root__4PCer[data-prev-state=empty].vote_root__4PCer[data-state=voted] &{width:var(--width);transition:var(--to-voted-time) width var(--transition-decel);transition-delay:var(--empty-delay)}.vote_root__4PCer[data-prev-state=voted].vote_root__4PCer[data-state=initial] &{transition:var(--to-empty-time) width var(--transition-decel);transition-delay:0}}.vote_vote-details__v8ksJ{position:relative;z-index:1;.vote_root__4PCer[data-state=empty] &,.vote_root__4PCer[data-state=initial] &{opacity:0}.vote_root__4PCer[data-prev-state=empty].vote_root__4PCer[data-state=voted] &{opacity:1;transition:var(--to-voted-time) opacity var(--transition-default);transition-delay:var(--empty-delay)}}.vote_right__iJuaM{position:relative;z-index:1;display:grid;align-items:center;direction:rtl;& .vote_vote-details__v8ksJ,& svg{grid-area:1/1}& svg{.vote_root__4PCer[data-prev-state=initial].vote_root__4PCer[data-state=empty] &{animation:vote_exit-right__q7HUa var(--to-empty-time) var(--transition-default) forwards}.vote_root__4PCer[data-prev-state=empty].vote_root__4PCer[data-state=voted] &{opacity:0}}}.vote_left__QlDxq{position:relative;z-index:1;display:grid;align-items:center;& .vote_text__xu4Oa,& svg{grid-area:1/1}& svg{opacity:0;transform:translateX(calc(var(--space-6) * -1));.vote_root__4PCer[data-prev-state=empty].vote_root__4PCer[data-state=voted] &{opacity:1;transform:translateX(0);transition:var(--to-voted-time) transform var(--transition-default),var(--to-empty-time) opacity var(--transition-default);transition-delay:var(--empty-delay)}}& .vote_text__xu4Oa{.vote_root__4PCer[data-prev-state=empty].vote_root__4PCer[data-state=voted] &{opacity:1;transform:translateX(var(--space-6));transition:var(--to-voted-time) transform var(--transition-default);transition-delay:var(--empty-delay)}}}.vote_new-vote-button__d77AC{display:flex;align-items:center;gap:var(--space-1);opacity:1;transition:var(--to-empty-time) opacity var(--transition-default);.vote_root__4PCer:not([data-state=voted]) &{opacity:0}}@keyframes vote_exit-right__q7HUa{0%{transform:translateX(0);opacity:1}to{transform:translateX(var(--space-8));opacity:0}}.vote_root__4PCer[data-prev-state=voted][data-state=voted]{& .vote_vote-details__v8ksJ{opacity:1}& .vote_left__QlDxq .vote_text__xu4Oa{transform:translateX(var(--space-6))}& .vote_left__QlDxq svg{opacity:1;transform:translateX(0)}& .vote_right__iJuaM svg{opacity:0}& .vote_bar___MsvN{width:var(--width)}}.vote_root__4PCer[data-state=voted]:not([data-prev-state=empty]){& .vote_vote-details__v8ksJ{opacity:1}& .vote_left__QlDxq .vote_text__xu4Oa{transform:translateX(var(--space-6))}& .vote_left__QlDxq svg{opacity:1;transform:translateX(0)}& .vote_right__iJuaM svg{opacity:0}& .vote_bar___MsvN{width:var(--width)}}.vote-results_bar__G4089{height:var(--space-2);border-radius:var(--radius-2);overflow:hidden}.vote-results_bar-item__atriZ{height:100%;background-color:var(--custom-color);width:var(--width)}.vote-results_read-only-button__jBrou{&[data-selected=true]{color:var(--colors-text);background-color:var(--custom-color)}&[data-selected=false]{color:var(--gray-a11);background-color:transparent}}