.toplevel_page_tgwc-customize-my-account {
	.tgwc-tooltip,
	.tgwc-tooltip-down {
		background: $base-color;
		font-size: 12px;
		color: $color__white;
		font-weight: 400; // Set the tooltip font weight to normal.
		font-family: inherit; // Inherit the font family.
		line-height: 1.5;
		text-transform: inherit;
		max-width: 200px;
		box-shadow: 0 0 4px transparentize($base-color, 0.75);
		border-radius: 2px;

		.ui-tooltip-content {
			padding: 8px;

			&::after {
				content: "";
				height: 12px;
				width: 12px;
				background: $base-color;
				display: inline-block;
				position: absolute;
				left: 0;
				right: 0;
				bottom: -4px;
				margin: 0 auto;
				transform: rotate(45deg);
			}
		}
	}
	.tgwc-tooltip-down {
		.ui-tooltip-content {
			&::after {
				top: -6px;
			}
		}
	}
}