:root{
	--lpswc-swatch-size:45px;
	--lpswc-selected-border:transparent;
	--lpswc-border-color:#d5d5d5;
	--lpswc-border-width:1px;
	--lpswc-border-radius:0;
	--lpswc-box-shadow:none;
	--lpswc-swatch-gap:10px;
}

.wcpvs_container{
	margin-bottom:15px;
}

.wcpvs_icon{
	display:inline-block;
	position:relative;
	vertical-align:top;
}

.wcpvs_icon_a{
	display:inline-block;
	outline:none;
	text-decoration:none;
	line-height:0;
	padding:0 var(--lpswc-swatch-gap) 0 0;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
}

.wcpvs_icon_img,
.wcpvs_icon_current{

	display:block;

	width:var(--lpswc-swatch-size);
	height:var(--lpswc-swatch-size);

	border:var(--lpswc-border-width) solid var(--lpswc-border-color);

	box-sizing:border-box;

	background:#fff;

	object-fit:contain;

	border-radius:var(--lpswc-border-radius) !important;
	box-shadow:var(--lpswc-box-shadow);

	padding:0;

}

.wcpvs_icon_a .wcpvs_icon_img,
.wcpvs_icon_a .wcpvs_icon_current{
	pointer-events:none;
}

.wcpvs_icon_current{

	outline:var(--lpswc-selected-outline-width, 0) solid var(--lpswc-selected-border);
	outline-offset:-1px;

	cursor:default;

	border-radius:var(--lpswc-border-radius) !important;

}

.wcpvs_html_before,
.wcpvs_html_after{
	display:block;
	width:100%;
	clear:both;
}

.wcpvs_html_before{
	margin-bottom:10px;
}

.wcpvs_html_after{
	margin-top:10px;
}

.wcpvs_container:after{
	clear:both;
	display:block;
	content:"";
	margin-bottom:15px;
}

.wcpvs_tooltip{
	position:relative;
	display:inline-block;
}

.wcpvs_tooltip .wcpvs_tooltiptext{

	visibility:hidden;
	opacity:0;

	position:absolute;
	z-index:999;

	bottom:calc(100% + 8px);
	left:50%;

	transform:translateX(-50%);

	background:#111;
	color:#fff;

	font-size:12px;
	line-height:1.3;

	padding:6px 10px;

	min-width:80px;
	max-width:180px;

	text-align:center;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

	border-radius:6px;

	pointer-events:none;

	transition:
		opacity .18s ease,
		visibility .18s ease;

	box-shadow:0 4px 12px rgba(0,0,0,0.18);

}

.wcpvs_tooltip .wcpvs_tooltiptext::after{

	content:"";

	position:absolute;

	top:100%;
	left:50%;

	transform:translateX(-50%);

	border-width:5px;
	border-style:solid;

	border-color:#111 transparent transparent transparent;

}

@media (hover: hover) and (pointer: fine){

	.wcpvs_tooltip:hover .wcpvs_tooltiptext{
		visibility:visible;
		opacity:1;
	}

	.wcpvs_outofstock:hover{
		opacity:0.6;
	}

}

.wcpvs_outofstock{
	opacity:0.35;
}

@media (hover: none), (pointer: coarse){

	.wcpvs_tooltip .wcpvs_tooltiptext{
		display:none !important;
	}

}

.lpswc-touch .wcpvs_tooltip .wcpvs_tooltiptext{
	display:none !important;
	visibility:hidden !important;
	opacity:0 !important;
}

.wcpvs_tooltiptext{
	pointer-events:none;
}