.woocommerce-included-colours-block{
	margin:0;
	padding-top:var(--wp--preset--spacing--25);
	padding-bottom:var(--wp--preset--spacing--25);
}
.woocommerce-included-colours-block .wp-block-columns{
	margin:0;
}
.woocommerce-included-colours-block .included-colour-container{
	display:flex;
	flex-direction:column;
	gap:0;
	border: 2px solid var(--wp--preset--color--grey-200);
}

.woocommerce-included-colours-block .included-colour-filters{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:var(--wp--preset--spacing--20);
	
	padding:var(--wp--preset--spacing--25);
	border-bottom: 2px solid var(--wp--preset--color--grey-200);
}
.woocommerce-included-colours-block .included-colour-filters .filtering--title{
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:start;
	gap:var(--wp--preset--spacing--20);
	width:100%;
}
.woocommerce-included-colours-block .included-colour-filter-group{
	display:flex;
	justify-content:center;
	flex-wrap:nowrap;
	gap:var(--wp--preset--spacing--5);
}

.woocommerce-included-colours-block .included-colour-filter-group--tones{
	padding-left:var(--wp--preset--spacing--20);
	justify-content:center;
	border-left:2px solid var(--wp--preset--color--grey-200);
}

.woocommerce-included-colours-block .included-colour-filter{
	flex:0 1 70px;
	width:70px;
	border:2px solid var(--wp--preset--color--base, #ffffff);
	background:transparent;
	color:inherit;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:var(--wp--preset--spacing--5);
	padding:var(--wp--preset--spacing--10) 0;
	font:inherit;
	font-size:var(--wp--preset--font-size--small);
}

.woocommerce-included-colours-block .included-colour-filter img{
	width:40px;
	height:40px;
}

.woocommerce-included-colours-block .included-colour-filter.is-active{
	border-color:var(--wp--preset--color--primary-200, #9b90c8);
	color:var(--wp--preset--color--secondary-400, #c3447a);
}

.woocommerce-included-colours-block .included-colour-filter .active-state,
.woocommerce-included-colours-block .included-colour-filter.is-active .normal-state,
.woocommerce-included-colours-block .included-colour-filter:not(.is-hover-suppressed):hover .normal-state{
	display:none;
}

.woocommerce-included-colours-block .included-colour-filter.is-active .active-state,
.woocommerce-included-colours-block .included-colour-filter:not(.is-hover-suppressed):hover .active-state{
	display:block;
}

.woocommerce-included-colours-block .included-colour-filter:focus-visible{
	outline:2px solid currentColor;
	outline-offset:2px;
}

.woocommerce-included-colours-block .included-colour-container .included-colours-title-container > *{
	border-left: 1px solid var(--wp--preset--color--grey-200);
	padding-left:var(--wp--preset--spacing--25);
}

.woocommerce-included-colours-block .included-colour-container .included-colours-title-container > *:first-child{
	border-left: none;
	padding-left:0;
}

.woocommerce-included-colours-block .included-colour-container .include-colour-swatch{
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	padding:var(--wp--preset--spacing--5);
	gap:var(--wp--preset--spacing--5);
	align-items:center;
}
.woocommerce-included-colours-block .included-colour-container .include-colour-swatch .colour-swatch__item{
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--xxsmall);
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
}

@media screen and (max-width: 1280px){
	.woocommerce-included-colours-block .included-colour-container .include-colour-swatch {
		grid-template-columns: repeat(12, 1fr);
	}
}

@media screen and (max-width: 1180px){
	.woocommerce-included-colours-block .included-colour-filters{
		flex-direction:column;
	}
	.woocommerce-included-colours-block .included-colour-filters .included-colour-filter-group--tones{
		border-top:2px solid var(--wp--preset--color--grey-200);
		border-left: none;
	}
}

@media screen and (max-width: 980px){
	.woocommerce-included-colours-block .included-colour-container .include-colour-swatch {
		grid-template-columns: repeat(10, 1fr);
	}
}
@media screen and (max-width: 781px){
	.woocommerce-included-colours-block .included-colour-filters{
		flex-direction:column;

	}
	.woocommerce-included-colours-block .included-colour-filter{
		flex: 1 1 50px;
		width: 50px;
	}
	.woocommerce-included-colours-block .included-colour-container .include-colour-swatch {
		grid-template-columns: repeat(8, 1fr);
	}
	.woocommerce-included-colours-block .included-colour-filter-group--tones{
		padding-top:var(--wp--preset--spacing--20);
		padding-left:0;
		border-top:2px solid var(--wp--preset--color--grey-200);
		border-left:0;
	}
}
@media (max-width: 600px) {
	.woocommerce-included-colours-block .included-colour-container .include-colour-swatch {
		grid-template-columns: repeat(6, 1fr);
	}
}
@media (max-width: 500px) {
	.woocommerce-included-colours-block .included-colour-container .include-colour-swatch {
		grid-template-columns: repeat(5, 1fr);
	}
}