@use "/node_modules/intro.js/introjs.css";

.nelio-content-walkthrough-tooltip {
	border-radius: 2px;

	.introjs-tooltip-header {
		display: flex;
		padding-right: 6px;

		.introjs-tooltip-title {
			flex-grow: 1;
			line-height: 1.3;
		}
	}

	.introjs-tooltiptext .dashicons {
		font-family: dashicons; /* stylelint-disable-line */
		font-size: 16px;
		height: 1em;
		margin-bottom: -2px;
		margin-top: 2px;
		width: 1em;
	}

	.introjs-bullets a {
		font-size: 8px;
		height: 1em !important;
		width: 1em !important;

		&.active {
			background: #348bd2;
		}
	}
}