.okt-secure-color-image{
	display:flex;
	flex-direction:column;
	width:100%;
	align-items:center;
}

.okt-secure-color-image__img{
	display:block;
	width:100%;
	height:auto;
}

.okt-secure-color-image__caption{
	width:100%;
	margin-top:18px;
	text-align:center;
	color:#333;
}

.okt-secure-color-switcher{
	display:flex;
	flex-direction:column;
	width:100%;
	align-items:center;
}

.okt-secure-color-switcher__buttons{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	gap:36px;
}

.okt-secure-color-switcher__swatch{
	--okt-swatch-size:100px;

	box-sizing:border-box !important;
	width:var(--okt-swatch-size) !important;
	height:var(--okt-swatch-size) !important;
	min-width:var(--okt-swatch-size) !important;
	max-width:var(--okt-swatch-size) !important;
	min-height:var(--okt-swatch-size) !important;
	max-height:var(--okt-swatch-size) !important;
	flex:0 0 var(--okt-swatch-size) !important;
	aspect-ratio:1/1 !important;

	padding:0 !important;
	margin:0 !important;

	border:0 !important;
	border-width:0 !important;
	border-style:none !important;
	border-color:transparent !important;
	border-radius:50% !important;

	appearance:none !important;
	-webkit-appearance:none !important;
	outline:none !important;

	line-height:0 !important;
	font-size:0 !important;
	text-decoration:none !important;

	transform:none !important;
	cursor:pointer;

	transition:box-shadow .15s ease !important;
}

.okt-secure-color-switcher__swatch:hover,
.okt-secure-color-switcher__swatch:focus,
.okt-secure-color-switcher__swatch:focus-visible,
.okt-secure-color-switcher__swatch:active,
.okt-secure-color-switcher__swatch.is-active{
	width:var(--okt-swatch-size) !important;
	height:var(--okt-swatch-size) !important;
	min-width:var(--okt-swatch-size) !important;
	max-width:var(--okt-swatch-size) !important;
	min-height:var(--okt-swatch-size) !important;
	max-height:var(--okt-swatch-size) !important;
	flex-basis:var(--okt-swatch-size) !important;

	padding:0 !important;
	margin:0 !important;

	border:0 !important;
	outline:none !important;
	transform:none !important;
}

.okt-secure-color-switcher__swatch--silver{
	background-color:#b6b6b6;
}

.okt-secure-color-switcher__swatch--grey{
	background-color:#858585;
}
