Formula:Folium fugax/styles.css

.folium-fugax {
	position: relative;
	box-sizing: border-box;
	max-width: 3em;
	overflow: hidden;
	margin: .3em auto;
	padding: 0;
	transition:
		max-width .74983s 1.33702s ease-in-out,
		margin .74983s 2.08685s ease-in-out;
}

.folium-fugax:hover,
.folium-fugax:focus {
	margin: 1em auto;
	max-width: 90em;
	transition:
		max-width .49144s 0s ease-in-out,
		margin .79312s 1.26564s ease-in-out;
}

.folium-fugax > div.corpus-folii-fugacis {
	width: 100%;
	max-height: 2em;
	overflow: auto;
	visibility: hidden;
	padding: .75em 1.2em 1em 1em;
	margin: 0;
	box-sizing: border-box;
	opacity: 0;
	transition:
		max-height .5439s .79312s ease-in-out,
		visibility 0s .79312s linear,
		opacity .54321s .24991s ease-in-out;
}

.folium-fugax:hover > div.corpus-folii-fugacis,
.folium-fugax:focus > div.corpus-folii-fugacis {
	max-height: 20em;
	visibility: visible;
	opacity: 1;
	transition:
		max-height .4321s .49144s ease-in-out,
		visibility 0s .92354s linear,
		opacity .3421s .92354s ease-in-out;
}

.folium-fugax:focus::after {
	cursor: default;
}

.folium-fugax::before {
	content: "\1f4cc";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font-size: .675em;
	line-height: 1em;
	opacity: 0;
	padding: .3em;
	filter: grayscale(100%);
	z-index: 1;
	transition:
		opacity .9842s .24991s ease-in-out,
		visibility 0s 1.23411s linear;
}

.folium-fugax:focus::before {
	visibility: visible;
	opacity: .4;
	transition: opacity 1s 0s ease-in-out;
}

.folium-fugax::after {
	content: ". . .";
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	visibility: visible;
	font-weight: bold;
	cursor: help;
	z-index: 2;
	transition:
		opacity .8923s 1.19455s ease-in-out,
		visibility 0s 1.19455s linear;
}

.folium-fugax:hover::after,
.folium-fugax:focus::after {
	opacity: 0;
	visibility: hidden;
	transition:
		opacity .8923s 0s ease-in-out,
		visibility 0s .8923s linear;
}