/* This file contains all the styles only used in the product page */

.price-tag-pill {
	border-radius: 50rem;
	background-color: #182235;
	color: #1976d2;
	font-weight: bold;
	text-align: center;
	padding: 0.3rem 1rem;
}

.tag-pill {
	border-radius: 50rem;
	background-color: #191b22;
	color: #898989;
	text-align: center;
	font-size: 0.75rem;
	padding: 0.3rem 1rem;
}

#product-thumbnail {
	border-radius: 10px;
}


/* Price statistics */
.price_statisticsArea{
	height: 250px;
}
.data_chg_btn{
	font-size: 13px;
	font-weight: 600;
}
.data_chg_btn:hover{
	background-color: #151e2e;
}
.data_chg_btn.active_chg_btn{
	background-color: #182235;
	color: #1976d2;
}

/* QNA */
.vote__card{font-size: 13px;line-height: 14.63px;display: flex;align-items: center;margin-bottom: 15px}
.voting__container{margin-right: 10px;border-right: 2px solid #24252F;padding:2px 10px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.vote_btn{width: 20px;height: 20px;border-radius: 50%;background: #24252F;display: grid;place-items: center;color: #a4a4a4;transform:0.2s;cursor: pointer;}
.vote_btn:hover,
.vote_btn:active{
	background:transparent;
	box-shadow: 0px 0px 3px #626684;
}
.vote_count{font-size: 14px;font-weight: bold;line-height: 17px;margin-top: 8px;}
.rev_pagiBtn{
	width:30px;
	height: 30px;
	display: grid;
	place-items: center;
}
.question{margin-bottom: 12px;}

.react__heading{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.react__area label{
	display: inline-block;
	margin:0px 5px;
	cursor: pointer;
}
.react__area input[type="radio"]{
	display: none;
}
.react__area img{
	width:48px;
	height: 48px;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.react__area input:checked~img{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.react__area label:hover img{
	transform: scale(1.3);
	filter: grayscale(0.4);
	-webkit-filter: grayscale(0.4);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
}