.wpcb-configurator-file-upload {

	.wpcb-input-content input {
		box-sizing: border-box;
		position: relative;
		appearance: none;
		border: 1px solid $template_border;
		background-color: $option_background;
		border-radius: 6px;
		padding: 10px 16px;
		display: block;
		width: 100%;
	}

	.wpcb-input-file.active ~ input {
		pointer-events: none;
		display: none;
		z-index: -1;
	}

	.wpcb-input-file {
		display: none;
	}

	.wpcb-input-file.active {
		box-sizing: border-box;
		position: relative;
		display: flex;
		align-items: center;
		z-index: 1;
		border: 1px solid $template_border;
		background-color: $option_background;
		border-radius: 6px;
		padding: 10px 16px;
		width: 100%;

		.wpcb-input-file-image {
			flex-shrink: 0;
			
			img {
				display: block;
				object-fit: contain;
				width: 48px;
				height: 48px;
			}
		}

		.wpcb-input-file-name {
			flex: 1;
			padding: 12px;
		}

		.wpcb-input-clear-file {
			flex-shrink: 0;
			appearance: none;
			border: 1px solid $template_border;
			background-color: $template_accent;
			border-radius: 6px;
			padding: 5px;
			cursor: pointer;
	
			img {
				display: block;
				width: 24px;
				height: 24px;
			}
		}
	}
}