@import "library.less";
article {
	.object {
		&[data-type="actionArea"] {
		}
		
		&[data-actionArea-junior] {
			.transition;
		}
		
		&.action-area-act {
			opacity: 0;
		}
	
		&[data-type="voting"] {
			width: 100px;
			height: 100px;
			.transition;
			
			&[data-voting-type="pro"], &[data-voting-type="con"] {
				background: transparent;
				cursor: pointer;
				
				.result {
					position: absolute;
					top: 0px;
					bottom: 0px;
					left: 0px;
					right: 0px;
					margin: auto;
					width: 120px;
					height: 120px;
					line-height: 120px;
					background: fadeout(#0398fd, 20%);
					color: #fff;
					text-align: center;
					font-family: trivia-serif;
					font-size: 40px;
					opacity: 0;
					-webkit-transform: scale(0.8);
					-moz-transform: scale(0.8);
					-ms-transform: scale(0.8);
					-o-transform: scale(0.8);
					transform: scale(0.8);
					.border-radius;
					.transition;
				}
				
				&.show-result {
					.result {
						opacity: 1;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						transform: scale(1);
					}
				}
				
				&.major {
					.result {
						width: 160px;
						height: 160px;
						line-height: 160px;
					}
				}
	
				&.disabled {
					pointer-events: none;
					background: rgba(255, 255, 255, 0.2);
				}
				
				&:hover {
					background: rgba(255, 255, 255, 0.2);
				}
			
			}
			
		
		}
	}
}