@import 'resource-picker.scss';

ClientInputControl
{
	@include resource-picker-base;

	&.no-binding
	{
		background-color: #0088ff0a;
		border-color: #0088ff22;

		&:hover
		{
			background-color: #0088ff22;
			border-color: #0088ff44;
		}
	}

	.preview
	{
		width: 2.5rem;
		height: 2.5rem;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;

		.hint
		{
			width: 100%;
			height: 100%;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;

			&.hidden { display: none; }
		}

		.fallback
		{
			font-size: 1.1rem;
			color: rgba( 255, 255, 255, 0.5 );

			&.hidden { display: none; }
		}
	}

	.bind-label
	{
		flex-grow: 1;
		font-size: 0.95rem;
		font-weight: 600;
		color: #fff;
	}
}