.wantToSeeStateButton{width:14.75rem;transition:width .2s cubic-bezier(.25,.46,.45,.94);transition-delay:.2s;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}.wantToSeeStateButton__container{border:1px solid #e8e8e8;height:2.5rem;min-width:2.5rem;overflow:hidden;border-radius:.125rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .4s cubic-bezier(.25,.46,.45,.94),border .4s cubic-bezier(.25,.46,.45,.94);color:#555;background:#ffffff}.isDark .wantToSeeStateButton__container{background:none}.wantToSeeStateButton__state{pointer-events:none;display:flex;justify-content:center;align-items:center;transition:transform .05s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:.2s;transform:scaleY(1) translateZ(0);backface-visibility:hidden;opacity:1}.wantToSeeStateButton__areas{opacity:0;display:flex;position:absolute;transition:opacity .2s cubic-bezier(.25,.46,.45,.94);z-index:2}.wantToSeeStateButton__areas .area{width:2.125rem;height:2.5rem}.wantToSeeStateButton__areas .tooltip{animation:none!important}.wantToSeeStateButton__panel{pointer-events:none;display:flex;position:absolute;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:.05s;transform:scaleY(.5) scaleX(.9);backface-visibility:hidden;opacity:0;top:0;bottom:0}.wantToSeeStateButton__panel .ico--eyeSolid{color:#ffd900;transform:scale(1.1428571429)}.wantToSeeStateButton__panel .ico--eye{color:#555}.wantToSeeStateButton__panel .ico--eyeOn:not(.ico--eyeSolid){color:#ffc200}.wantToSeeStateButton__panel .ico{width:2.125rem;height:2.5rem;display:flex;justify-content:center;align-items:center;font-size:1.75rem}.wantToSeeStateButton__icon{display:flex;position:relative;color:#555;font-size:1.75rem}.wantToSeeStateButton__icon .ico--eyeSolid{opacity:0;position:absolute;left:0}.wantToSeeStateButton__desc{max-width:11rem;font-size:.875rem;white-space:nowrap;transition:max-width .2s cubic-bezier(.25,.46,.45,.94);transition-delay:.2s}.wantToSeeStateButton__desc:before{content:"  ";white-space:pre}.wantToSeeStateButton:not(.hasVoted).hasPanel .wantToSeeStateButton__state{opacity:0;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:.05s;transform:scaleY(.5) translateZ(0)}.wantToSeeStateButton:not(.hasVoted).hasPanel .wantToSeeStateButton__areas{opacity:1}.wantToSeeStateButton:not(.hasVoted).hasPanel .wantToSeeStateButton__panel{transition-delay:.2s;transform:scale(1);opacity:1}.wantToSeeStateButton.isHover .wantToSeeStateButton__container{border-color:#888!important}.wantToSeeStateButton.isTouched .wantToSeeStateButton__areas .area:after{content:"";position:absolute;top:0;left:0;right:0;height:6.25rem}[data-value="-1"].wantToSeeStateButton:not(.isHover) .wantToSeeStateButton__container{color:#555}[data-value="-1"].wantToSeeStateButton:not(.isHover) .wantToSeeStateButton__desc{max-width:0}[data-value="-1"].wantToSeeStateButton:not(.isHover) .wantToSeeStateButton__areas{display:none}html.mouse [data-value="-1"].wantToSeeStateButton:not(.isHover):hover .wantToSeeStateButton__icon{color:#ffd900}[data-value="0"].wantToSeeStateButton .wantToSeeStateButton__container{color:#555}.wantToSeeStateButton:not([data-value="0"]):not([data-value="-1"]) .wantToSeeStateButton__icon{color:#0000}.wantToSeeStateButton:not([data-value="0"]):not([data-value="-1"]) .wantToSeeStateButton__icon .ico--eyeSolid{transform:scale(1.0714285714);opacity:1}[data-value="0"][data-important="1"]:not(.hasPanel):not(.hasVoted).wantToSeeStateButton .wantToSeeStateButton__container{border:1px solid #e8e8e8}[data-value="0"][data-important="1"]:not(.hasPanel):not(.hasVoted).wantToSeeStateButton .wantToSeeStateButton__icon{color:#555}html.mouse .wantToSeeStateButton:not(.hasVoted):not([data-value="1"]):not([data-value="2"]):not([data-value="3"]):not([data-value="4"]):not([data-value="5"]):hover .wantToSeeStateButton__state .ico--eyeSolid{opacity:1;color:#ffd900;transform:scale(1.0714285714);position:absolute;left:0}.isShrink.wantToSeeStateButton,.wantToSeeStateButton[data-value="-1"]:not(.isHover){width:2.5rem}.isShrink.wantToSeeStateButton .wantToSeeStateButton__desc,.wantToSeeStateButton[data-value="-1"]:not(.isHover) .wantToSeeStateButton__desc{max-width:0}html.mouse .wantToSeeStateButton:not(.hasVoted):not([data-value="0"]):not([data-value="-1"]):not(.hasPanel):hover .wantToSeeStateButton__container{background:#ffffff;border:1px solid #e8e8e8;color:#000}html.mouse .wantToSeeStateButton:not(.hasVoted):not([data-value="0"]):not([data-value="-1"]):not(.hasPanel):hover .wantToSeeStateButton__icon{color:#ffd900}.wantToSeeStateButton:not([data-value="0"]):not([data-value="-1"]).hasPanel.hasVoted .wantToSeeStateButton__container,.wantToSeeStateButton:not([data-value="0"]):not([data-value="-1"]):not(.hasPanel) .wantToSeeStateButton__container{background:#ffffff;border:1px solid #e8e8e8;color:#242424}.wantToSeeStateButton:not([data-value="0"]):not([data-value="-1"]).hasPanel.hasVoted .wantToSeeStateButton__icon,.wantToSeeStateButton:not([data-value="0"]):not([data-value="-1"]):not(.hasPanel) .wantToSeeStateButton__icon{color:#ffc200}
