:root {
	--more: #1fba58;
	--minus: #6c727f;
	--red: #be1f1f;
	--border-color-default: #e1e1e1;
}
/* default */
.color-more {color: var(--more);}
.color-minus {color: var(--minus);}
.color-red {color: var(--red);}
/* default */

/* cashback account */
#cashbackAccount {
	/* cards */
	.cashback-card {
		display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--border-color-default); border-radius: 8px; background: #fff;
 		i {font-size: 18px; color: #6c727f;}
 		.cashback-card-title {font-size: 15px; font-weight: 500;}
 		.cashback-value {font-size: 30px; font-weight: 700;}
 		.cashback-text-info {font-size: 13px; color: #797979}
		 &.cashback-card-available {border: none; background: linear-gradient(135deg, hsl(142 76% 36%), hsl(142 70% 45%)); color: #fff;}
		 &.cashback-card-available i {color: #fff;}
		 &.cashback-card-available .cashback-card-title {color: #f1f1f1;}
		 &.cashback-card-available .cashback-text-info {color: #fff}
	}
	/* cards */

	/* historico */
	.cashback-history-title {position: relative; display: flex; align-items: center; gap: 16px; margin: 32px 0; font-size: 26px;}
	.cashback-history-title::after {content: ''; flex: 1; height: 1px; background: var(--border-color-default);}
	.cashback-history-title::before {content: ''; flex: 1; height: 1px; background: var(--border-color-default);}
	.cashback-history-item {display: flex; align-items: center; width: 100%; border: 1px solid var(--border-color-default); border-radius: 8px; padding: 12px 16px; background: #fff;}
	.cashback-history-item-info {flex: 1;}
	.cashback-icon-operation {font-size: 18px;}
	.cashback-order {display: flex; align-items: center; gap: 12px;}
	.cashback-order-percentage {padding: 2px 8px; background: var(--more); border-radius: 100px; font-size: 11px; font-weight: 600; color: #fff;}
	.cashback-date {color: #6c727f; font-size: 12px;}
	.cashback-status {border: 1px solid #eee; border-radius: 100px; padding: 6px 12px; width: max-content; font-weight: 600; font-size: 12px; display: flex; align-items: center; gap: 4px;
		i {display: flex; font-size: 16px;}
		&.more {color: var(--more); border-color: var(--more);}
		&.minus {color: var(--minus); border-color: var(--minus);}
		&.canceled {color: var(--red); border-color: var(--red);}
	}
	@media (max-width: 991px) {
		.cashback-history-item {flex-direction: column; gap: 12px; align-items: start;}
		.cashback-history-title {font-size: 22px;}
	}
	/* historico */
}
/* cashback account */

/* cashback menu */
.cashback-account-menu {
	.cashback-icon i {font-size: 35px; display: flex;}
	.cashback-link {font-size: 12px;}
	.cashback-disponible {font-size: 16px;}
}
/* cashback menu */