.account-settings-modal {
	&__title-account-id {
		color: var(--l1-foreground);
		font-family: 'Geist Mono';
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
	}

	&__body {
		display: flex;
		flex-direction: column;
		gap: 17px;
		border-radius: 3px;

		&-account-info {
			&-connected-account-details {
				display: flex;
				flex-direction: column;
				gap: 8px;

				&-title {
					color: var(--l1-foreground);
					font-size: 14px;
					font-weight: 500;
					line-height: 20px; /* 142.857% */
					letter-spacing: -0.07px;
				}
				&-account-id {
					color: var(--l2-foreground);
					font-size: 12px;
					line-height: 18px;
					letter-spacing: -0.06px;
					&-account-id {
						font-family: 'Geist Mono';
						font-size: 12px;
						font-weight: 700;
						line-height: 18px;
						letter-spacing: -0.06px;
					}
				}
			}
		}

		&-region-selector {
			display: flex;
			flex-direction: column;
			gap: 4px;

			&-title {
				color: var(--l1-foreground);
				font-size: 14px;
				font-weight: 500;
				line-height: 20px;
				letter-spacing: -0.07px;
			}

			&-description {
				color: var(--l2-foreground);
				font-size: 12px;
				line-height: 18px;
				letter-spacing: -0.06px;
			}

			&-switch {
				display: flex;
				align-items: center;
				gap: 10px;
				&-label {
					color: var(--l2-foreground);
					background-color: transparent;
					border: none;
					font-family: Inter;
					font-size: 12px;
					font-weight: 400;
					line-height: 18px;
					letter-spacing: -0.005em;
					cursor: pointer;
				}
			}
		}
	}

	&__footer {
		display: flex;
		flex-direction: row;
		gap: 10px;
		justify-content: space-between;
		width: 100%;

		&-close-button,
		&-save-button {
			font-family: Inter;
			font-size: 12px;
			font-weight: 500;
			padding-left: 16px;
			padding-right: 16px;
		}
		&-close-button {
			border-radius: 2px;
			background: var(--l1-background);
			border: 1px solid var(--l1-border);
			color: var(--l1-foreground);

			&:hover {
				border-color: var(--l1-border);
				color: var(--l1-foreground);
			}
		}
		&-save-button {
			background: var(--primary-background);
			color: var(--primary-foreground);
			border: none;
			border-radius: 2px;
			margin: 0 !important;

			&:disabled {
				background: var(--primary-background);
				color: var(--primary-foreground);
				opacity: 0.6;
			}

			&:not(:disabled):hover {
				background: var(--primary-background-hover);
			}
		}
	}
	.ant-modal-body {
		padding-bottom: 0 !important;
	}
	.ant-modal-footer {
		margin: 0;
		padding: 24px 24px 12px;
	}

	.integration-detail-content {
		margin: 0;
	}
}
