/**
 * User identity auth page styles (zibll user-auth).
 *
 * @package AKSRT
 */

.aksrt-user-auth-panel {
	overflow: hidden;
	margin-top: 20px;
}

.aksrt-user-auth-panel .colorful-bg.c-blue {
	background: linear-gradient(135deg, #4e9bff 0%, #2f6df6 100%);
	color: #fff;
}

.aksrt-user-auth-panel .muted-2-color {
	color: var(--muted-2-color, #888);
}

.aksrt-user-auth-panel .form-control {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--main-border-color, #ddd);
	border-radius: 6px;
	box-sizing: border-box;
}

.aksrt-user-auth-panel .mb20 {
	margin-bottom: 20px;
}

.aksrt-user-auth-panel .mb6 {
	margin-bottom: 6px;
}

.aksrt-user-auth-panel .but.c-blue,
.aksrt-user-auth-panel button.but {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: var(--focus-color, #2f6df6);
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 10px 18px;
	cursor: pointer;
}

.aksrt-user-auth-panel .btn-block {
	width: 100%;
}

.aksrt-user-auth-panel__imgs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aksrt-user-auth-panel__imgs .preview-item {
	width: 96px;
	height: 96px;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid var(--main-border-color, #eee);
}

.aksrt-user-auth-panel__imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.aksrt-user-auth-panel .c-red {
	color: #e74c3c;
}

/* Dual-column geometry owned by layout.css site-layout float rules (Zibll). */