[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: 13px;
	left: 100%;
	opacity: 1;
	padding: 0.25em;
	position : absolute;
	text-align: left;
	top: 100%;
	transition: opacity 0.2s ease-in-out;
	white-space: nowrap;
	z-index: 2001;
}
@media only screen and (max-width: 600px) {
	[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;
	}
}
*/