/* ----------------------------------------------------------- */
/* == tingle v0.1.1 */
/* ----------------------------------------------------------- */

.tingle-modal,
.tingle-modal__wrapper {
	box-sizing: border-box;
}

.tingle-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	visibility: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	opacity: 0;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABKElEQVR42o3TvUpDQRAF4FzdPaYQxEIbS38RtPFprEwlKohPYGtnI/4VoloIPoAIavQJfCKrnAlZOAxkmIFhdzPcL8ndmR5judY64LrEtJjr5aJjVtvw+T0A+7YvPFwyn1uRgSzE2CqlfPP5w1Y0/SoJKrQ5gY5bsQh4baB8hgDaUEgDDnxxoIfWCQ0dVKaBNx6U/Zr+Ig9NA28FbLGagTSqgHfM18lxhdAvz0cBFIIdgAsDmW/MAwelG7IvffRP6E/q/TTUvhXANqF3QgOu51wfZUKQgfT6fwicukt50lvOQkN52V3c2DHkr382OykGQaCvoI+qNraC7V3OyKx9JhoSAcgqsEvog4WTAIomxcBFOy/w8MA8C6EYvLfWGWMAdgIoMynz9u9GIh0wD30esEoAAAAASUVORK5CYII="), pointer;
	-webkit-transition: -webkit-transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity .2s ease;
	transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity .2s ease;
	-webkit-transform: scale(.6);
	-ms-transform: scale(.6);
	transform: scale(.6);
}

.tingle-modal__close {
	position: fixed;
	top: 3%;
	right: 3%;
	z-index: 1000;
	padding: 0;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: #34495e;
	font-size: 40px;
	line-height: normal;
	cursor: pointer;
}

.tingle-modal__content {
	position: absolute;
	top: 5vh;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 4em;
	max-width: 50%;
	background: #fff;
	opacity: 1;
	cursor: auto;
}

/* state
-------------------------------------------------------------- */

.tingle-modal--visible {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.tingle-modal__content--center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}