/** Shared close control for every Kafinetchi dialog and bottom sheet. */
.kfn-dialog-close.kfn-dialog-close {
	box-sizing: border-box !important;
	width: 52px !important;
	min-width: 52px !important;
	height: 52px !important;
	min-height: 52px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background-color: #6425dc !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpath d='M15 15L37 37M37 15L15 37' fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='square'/%3E%3C/svg%3E") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	box-shadow: 0 .45rem 1.15rem rgba(100, 37, 220, .3) !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	cursor: pointer !important;
}

.kfn-dialog-close.kfn-dialog-close:hover,
.kfn-dialog-close.kfn-dialog-close:active {
	background-color: #7131e6 !important;
	transform: none !important;
}

.kfn-dialog-close.kfn-dialog-close:focus-visible {
	outline: 3px solid rgba(100, 37, 220, .35) !important;
	outline-offset: 3px !important;
}

.kfn-dialog-close.kfn-dialog-close > svg {
	visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
	.kfn-dialog-close.kfn-dialog-close { transition: none !important; }
}

/** Matching back control used for the second step of a dialog. */
.kfn-dialog-back.kfn-dialog-back {
	box-sizing: border-box !important;
	width: 52px !important;
	min-width: 52px !important;
	height: 52px !important;
	min-height: 52px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background-color: #6425dc !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpath d='M31 14L19 26L31 38' fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	box-shadow: 0 .45rem 1.15rem rgba(100, 37, 220, .3) !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	cursor: pointer !important;
}

.kfn-dialog-back.kfn-dialog-back:hover,
.kfn-dialog-back.kfn-dialog-back:active {
	background-color: #7131e6 !important;
	transform: none !important;
}

.kfn-dialog-back.kfn-dialog-back:focus-visible {
	outline: 3px solid rgba(100, 37, 220, .35) !important;
	outline-offset: 3px !important;
}

.kfn-dialog-back[hidden] {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.kfn-dialog-back.kfn-dialog-back { transition: none !important; }
}