bble-right:active:before {
	right : -10px;
}
.bubble-bottom {
	display : inline-block;
	position : relative;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.bubble-bottom:before {
	pointer-events : none;
	position : absolute;
	z-index : -1;
	content : '';
	border-style : solid;
	transition-duration : 0.3s;
	transition-property : bottom;
	left : calc(50% - 10px);
	bottom : 0;
	border-width : 10px 10px 0 10px;
	border-color : #e1e1e1 transparent transparent transparent;
}
.bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before {
	bottom : -10px;
}
.bubble-left {
	display : inline-block;
	position : relative;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.bubble-left:before {
	pointer-events : none;
	position : absolute;
	z-index : -1;
	content : '';
	border-style : solid;
	transition-duration : 0.3s;
	transition-property : left;
	top : calc(50% - 10px);
	left : 0;
	border-width : 10px 10px 10px 0;
	border-color : transparent #e1e1e1 transparent transparent;
}
.bubble-left:hover:before, .bubble-left:focus:before, .bubble-left:active:before {
	left : -10px;
}
.bubble-float-top {
	display : inline-block;
	position : relative;
	transition-duration : 0.3s;
	transition-property : transform;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.bubble-float-top:before {
	position : absolute;
	z-index : -1;
	content : '';
	left : calc(50% - 10px);
	top : 0;
	border-style : solid;
	border-width : 0 10px 10px 10px;
	border-color : transparent transparent #e1e1e1 transparent;
	transition-duration : 0.3s;
	transition-property : top;
}
.bubble-float-top:hover, .bubble-float-top:focus, .bubble-float-top:active {
	transform : translateY(5px) translateZ(0);
}
.bubble-float-top:hover:before, .bubble-float-top:focus:before, .bubble-float-top:active:before {
	top : -10px;
}
.bubble-float-right {
	display : inline-block;
	position : relative;
	transition-duration : 0.3s;
	transition-property : transform;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.bubble-float-right:before {
	position : absolute;
	z-index : -1;
	top : calc(50% - 10px);
	right : 0;
	content : '';
	border-style : solid;
	border-width : 10px 0 10px 10px;
	border-color : transparent transparent transparent #e1e1e1;
	transition-duration : 0.3s;
	transition-property : right;
}
.bubble-float-right:hover, .bubble-float-right:focus, .bubble-float-right:active {
	transform : translateX(-5px);
}
.bubble-float-right:hover:before, .bubble-float-right:focus:before, .bubble-float-right:active:before {
	right : -10px;
}
.bubble-float-bottom {
	display : inline-block;
	position : relative;
	transition-duration : 0.3s;
	transition-property : transform;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.bubble-float-bottom:before {
	position : absolute;
	z-index : -1;
	content : '';
	left : calc(50% - 10px);
	bottom : 0;
	border-style : solid;
	border-width : 10px 10px 0 10px;
	border-color : #e1e1e1 transparent transparent transparent;
	transition-duration : 0.3s;
	transition-property : bottom;
}
.bubble-float-bottom:hover, .bubble-float-bottom:focus, .bubble-float-bottom:active {
	transform : translateY(-5px) translateZ(0);
}
.bubble-float-bottom:hover:before, .bubble-float-bottom:focus:before, .bubble-float-bottom:active:before {
	bottom : -10px;
}
.bubble-float-left {
	display : inline-block;
	position : relative;
	transition-duration : 0.3s;
	transition-property : transform;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.bubble-float-left:before {
	position : absolute;
	z-index : -1;
	content : '';
	top : calc(50% - 10px);
	left : 0;
	border-style : solid;
	border-width : 10px 10px 10px 0;
	border-color : transparent #e1e1e1 transparent transparent;
	transition-duration : 0.3s;
	transition-property : left;
}
.bubble-float-left:hover, .bubble-float-left:focus, .bubble-float-left:active {
	transform : translateX(5px);
}
.bubble-float-left:hover:before, .bubble-float-left:focus:before, .bubble-float-left:active:before {
	left : -10px;
}
.curl-top-left {
	display : inline-block;
	position : relative;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.curl-top-left:before {
	pointer-events : none;
	position : absolute;
	content : '';
	height : 0;
	width : 0;
	top : 0;
	left : 0;
	background : white;
	background : linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
	z-index : 1000;
	box-shadow : 1px 1px 1px rgb(0, 0, 0, 0.4);
	transition-duration : 0.3s;
	transition-property : width, height;
}
.curl-top-left:hover:before, .curl-top-left:focus:before, .curl-top-left:active:before {
	width : 25px;
	height : 25px;
}
.curl-top-right {
	display : inline-block;
	position : relative;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.curl-top-right:before {
	pointer-events : none;
	position : absolute;
	content : '';
	height : 0;
	width : 0;
	top : 0;
	right : 0;
	background : white;
	background : linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
	box-shadow : -1px 1px 1px rgb(0, 0, 0, 0.4);
	transition-duration : 0.3s;
	transition-property : width, height;
}
.curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before {
	width : 25px;
	height : 25px;
}
.curl-bottom-right {
	display : inline-block;
	position : relative;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.curl-bottom-right:before {
	pointer-events : none;
	position : absolute;
	content : '';
	height : 0;
	width : 0;
	bottom : 0;
	right : 0;
	background : white;
	background : linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
	box-shadow : -1px -1px 1px rgb(0, 0, 0, 0.4);
	transition-duration : 0.3s;
	transition-property : width, height;
}
.curl-bottom-right:hover:before, .curl-bottom-right:focus:before, .curl-bottom-right:active:before {
	width : 25px;
	height : 25px;
}
.curl-bottom-left {
	display : inline-block;
	position : relative;
	transform : translateZ(0);
	box-shadow : 0 0 1px rgb(0, 0, 0, 0);
}
.curl-bottom-left:before {
	pointer-events : none;
	position : absolute;
	content : '';
	height : 0;
	width : 0;
	bottom : 0;
	left : 0;
	background : white;
	background : linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
	box-shadow : 1px -1px 1px rgb(0, 0, 0, 0.4);
	transition-duration : 0.3s;
	transition-property : width, height;
}
.curl-bottom-left:hover:before, .curl-bottom-left:focus:before, .curl-bottom-left:active:before {
	width : 25px;
	height : 25px;
}