
[data-rainloopErrorTip] {
	position: relative;
}
[data-rainloopErrorTip]::before {
	background: #fff;
	border-radius: var(--input-border-radius, 3px);
	border: 1px solid #999;
	color: red;
	content: attr(data-rainloopErrorTip);
	font-size: 90%;
	left: 0;
	opacity: 1;
	padding: 0.25em;
	position : absolute;
	text-align: var(--left, left);
	top: 100%;
	transition: opacity 0.2s ease-in-out;
	white-space: pre;
	z-index: 2001;
}
@media screen and (max-width: @maxMobileWidth) {
	[data-rainloopErrorTip]::before {
		min-width: 60vw;
		white-space: normal;
	}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: color 9999s ease-out, background-color 9999s ease-out;
}

/*
@media (pointer: coarse), (hover: none) {
	[title] {
		position: relative;
		display: inline-flex;
		justify-content: center;
	}
	[title]:focus::after {
		content: attr(title);
		position: absolute;
		top: 90%;
		color: #000;
		background-color: #fff;
		border: 1px solid;
		width: fit-content;
		padding: 3px;
	}
}
*/
