<commit_before>@import "../../variables";

.account-add-card {
	width:100%;
	height:100%;
	padding:40px;
}

.input-with-subline .input-with-label{
	padding-bottom: 2px;
}

.input-with-subline {
	.input-with-label {
		position: relative;
	}
	&.visa, &.mastercard, &.discover, &.diners, &.amex, &.jcb {
		.input-with-label {
			&::before {
				background-color: mix(white, #424770, 40%);
				transition-delay: 0s;
			}
			input {
				padding-left: 60px;
				transition: padding 0.3s ease 0.3s;
			}
		}
	}
	.input-with-label::before {
		position: absolute;
		top: 50%;
		left: 10px;
		content: '';
		width: 45px;
		height: 30px;
		background-size: 100px 48px;
		background-position: center;
		border-radius: 5px;
		transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s;
	}
	&.visa .input-with-label::before {
		background-image: url('../../../images/icon-card-visa.svg');
	}
	&.mastercard .input-with-label::before {
		background-image: url('../../../images/icon-card-mastercard.svg');

	}
	&.discover .input-with-label::before {
		background-image: url('../../../images/icon-card-discover.svg');
	}
	&.diners .input-with-label::before {
		background-image: url('../../../images/icon-card-dinersclub.svg');
	}<commit_msg>added a background size rule to please Firefox<commit_after>@import "../../variables";

.account-add-card {
	width:100%;
	height:100%;
	padding:40px;
}

.input-with-subline .input-with-label{
	padding-bottom: 2px;
}

.input-with-subline {
	.input-with-label {
		position: relative;
	}
	&.visa, &.mastercard, &.discover, &.diners, &.amex, &.jcb {
		.input-with-label {
			&::before {
				background-color: mix(white, #424770, 40%);
				transition-delay: 0s;
				background-size: 50px 60px;
			}
			input {
				padding-left: 60px;
				transition: padding 0.3s ease 0.3s;
			}
		}
	}
	.input-with-label::before {
		position: absolute;
		top: 50%;
		left: 10px;
		content: '';
		width: 45px;
		height: 30px;
		background-position: center;
		border-radius: 5px;
		transition: width 0.3s ease 0.3s, height 0.3s ease 0.3s;
	}
	&.visa .input-with-label::before {
		background-image: url('../../../images/icon-card-visa.svg');
	}
	&.mastercard .input-with-label::before {
		background-image: url('../../../images/icon-card-mastercard.svg');

	}
	&.discover .input-with-label::before {
		background-image: url('../../../images/icon-card-discover.svg');
	}
	&.diners .input-with-label::before {
		background-image: url('../../../images/icon-card-dinersclub.svg');
	}
{'fraction_non_alphanumeric': 0.2035541195476575, 'fraction_numerical': 0.036752827140549275, 'mean_word_length': 2.982315112540193, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3102139', 'n_tokens_mistral': 1108, 'n_tokens_neox': 956, 'n_words': 167}