// Browser vendor prefixes library
@import 'nib'

@import '_config'

h1, h2, h3, h4
	title-font()

.tooltip::after
	title-font()
	shadow-elevation-16dp()
	round-corners()
	z-index: 1
	content: attr(data-tooltip)
	position: absolute
	top: 100%
	left: -2em
	white-space: nowrap
	padding: .5em
	color: white
	background-color: rgb(92, 97, 108)
	font-size: .8em
	transform: translate3d(0, -20%, 0);
	opacity: 0
	pointer-events: none
	transition: opacity transition-timing transition-function,
	            transform transition-timing transition-function

.tooltip:hover::after
	transform: translate3d(0, 0, 0);
	opacity: 1

main > .search
	width: 20em
	position: relative
	margin: 1.5em auto 0 auto

main > .search label
	content: "🔎"
	position: absolute
	left: .3em
	top: .3em
	font-size: inherit

main > .search input
	width: 100%
	padding: .3em
	padding-left: 2em
	display: block

// Browser vendor prefixes library
@import 'nib'

@import '_config'

h1, h2, h3, h4
	title-font()

.tooltip
	position: relative

.tooltip::after
	title-font()
	shadow-elevation-16dp()
	round-corners()
	z-index: 1
	content: attr(data-tooltip)
	position: absolute
	top: 100%
	left: -2em
	white-space: nowrap
	padding: .5em
	color: white
	background-color: rgb(92, 97, 108)
	font-size: .8em
	transform: translate3d(0, -20%, 0);
	opacity: 0
	pointer-events: none
	transition: opacity transition-timing transition-function,
	            transform transition-timing transition-function

.tooltip:hover::after
	transform: translate3d(0, 0, 0);
	opacity: 1

main > .search
	width: 20em
	position: relative
	margin: 1.5em auto 0 auto

main > .search label
	content: "🔎"
	position: absolute
	left: .3em
	top: .3em
	font-size: inherit

main > .search input
	width: 100%
	padding: .3em
	padding-left: 2em
	display: block

Fix toolips in user skill edit in Chrome
Fix toolips in user skill edit in Chrome
