.toplevel_page_kvcoreidx_settings {
	#fieldrow-api_url,
	#fieldrow-logged_in_admin_api_url {
		display: none;
	}

	#fields-design, #fields-listing_detail_design, #fields-agent_profile_design {
		.kvcore-field {
			@extend .kv-row;

			width: 100%;

			.kvcore-radio-label {
				@extend %kv-col-12, %kv-col-lg-6;

				max-width: 400px;
				margin-bottom: 20px;
			}
		}

		label {
			display: flex;
			align-items: center;

			.kvcore-input-label-string {
				width: 100%;
				height: 200px;
				line-height: 420px;
				background-size: contain;
				background-repeat: no-repeat;
			}

			&[for="design__0_v1"] .kvcore-input-label-string {
				background-image: url('../images/design-v1.png');
			}

			&[for="design__0_v2"] .kvcore-input-label-string {
				background-image: url('../images/design-v2.png');
			}

			&[for="listing_detail_design__0_v1"] .kvcore-input-label-string {
				background-image: url('../images/listing-detail-design-v1.png');
			}

			&[for="listing_detail_design__0_v2"] .kvcore-input-label-string {
				background-image: url('../images/listing-detail-design-v2.png');
			}

			&[for="agent_profile_design__0_v1"] .kvcore-input-label-string {
				background-image: url('../images/agent-profile-design-v1.png');
			}

			&[for="agent_profile_design__0_v2"] .kvcore-input-label-string {
				background-image: url('../images/agent-profile-design-v2.png');
			}
		}
	}
}

@import './settings/area-pages';
