/* WordPress-side styles of the calculator plugin (enqueued only on pages with the shortcode). */
.ci-calc {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.ci-calc__title {
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.ci-calc__icon {
	flex: none;
	width: 48px;
	height: 48px;
}

/* The height below is only the starting size: ci-embed.js sets the real one. */
.ci-calc__frame {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 480px;
	border: 0;
	background: transparent;
}