.my-settings-container {
	display: flex;
	flex-direction: column;
	gap: 48px;

	width: 80%;
	margin: 12px auto;
}

.flexBtn {
	display: flex;
	align-items: center;
	gap: 8px;
}

.theme-option {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
}

.logout-button {
	display: inline-flex;
}

.user-info-section {
	display: flex;
	flex-direction: column;
	gap: 16px;

	.user-info-section-header {
		display: flex;
		flex-direction: column;
		gap: 4px;

		.user-info-section-title {
			color: var(--l1-foreground);
			font-family: Inter;
			font-size: 16px;
			font-style: normal;
			line-height: 24px; /* 155.556% */
			letter-spacing: -0.08px;
		}

		.user-info-section-subtitle {
			color: var(--l2-foreground);
			font-family: Inter;
			font-size: 12px;
			font-style: normal;
			line-height: 20px; /* 142.857% */
			letter-spacing: -0.07px;
		}
	}
}

.user-preference-section {
	display: flex;
	flex-direction: column;
	gap: 16px;

	.user-preference-section-header {
		display: flex;
		flex-direction: column;
		gap: 4px;

		.user-preference-section-title {
			color: var(--l1-foreground);
			font-family: Inter;
			font-size: 16px;
			font-style: normal;
			line-height: 24px; /* 155.556% */
			letter-spacing: -0.08px;
		}

		.user-preference-section-subtitle {
			color: var(--l2-foreground);
			font-family: Inter;
			font-size: 12px;
			font-style: normal;
			line-height: 20px; /* 142.857% */
			letter-spacing: -0.07px;
		}
	}

	.user-preference-section-content {
		display: flex;
		flex-direction: column;
		gap: 16px;

		.user-preference-section-content-item {
			padding: 16px;
			border-radius: 4px 4px 0px 0px;
			border: 1px solid var(--l1-border);
			background: var(--l2-background);
			border-radius: 3px;

			.user-preference-section-content-item-title-action {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 8px;

				color: var(--l1-foreground);
				font-family: Inter;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
				letter-spacing: -0.07px;

				margin-bottom: 8px;
			}

			.user-preference-section-content-item-description {
				color: var(--l2-foreground);
				font-family: Inter;
				font-size: 12px;
				font-style: normal;
				line-height: 20px; /* 142.857% */
				letter-spacing: -0.07px;
			}

			.auto-theme-info {
				margin-top: 8px;
				padding: 8px 12px;
				border-radius: 4px;
				background: var(--l1-border);
				border: 1px solid var(--l1-border);

				.auto-theme-status {
					color: var(--l2-foreground);
					font-family: Inter;
					font-size: 11px;
					font-style: normal;
					line-height: 16px;
					letter-spacing: -0.07px;

					strong {
						color: var(--bg-robin-400);
						font-weight: 600;
					}
				}
			}
		}
	}
}

.reset-password-card {
	border-radius: 0px 0px 4px 4px;
	border: 1px solid var(--l1-border);
	background: var(--l2-background);

	border-radius: 3px;
}
