/**
* @since   7.7.0
* @version 7.7.2
*/

.tf-credit-use-switch {
	display: flex;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	align-items: center;
}

.tf-credit-use-switch .tf-credit-use__container {
	flex: 1;
	box-sizing: border-box;
	min-width: 0;
	line-height: 21px;
}

.tf-credit-use-switch .tf-credit-use__container.left {
	flex-grow: 2;
	text-align: left;
}

.tf-credit-use-switch .tf-credit-use__container.right {
	flex-grow: 1;
	text-align: right;
}

.tf-credit-use-switch .tf-credit-use__container.left,
.tf-credit-use-switch .tf-credit-use__container.right {
	align-items: center;
}

.tf-credit-use-switch p {
	line-height: 21px;
}

.tf-credit-use-switch p.tf-label {
	margin: 0;
	color: rgb(36, 36, 36);
	font-weight: bold;
}

.tf-credit-use-switch p.tf-balance {
	margin: 3px 0 10px;
	font-weight: normal;
}

.tf-credit-use-switch .tf-credit-amount {
	text-align: right;
	font-weight: bold;
}