/* User restriction */


* :not( input )
{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	
	outline: none;
}



/* Scroll Reveal */

html.sr .loadHidden
{
	visibility: hidden;
}



/* Squiggle */

div.squiggle {
	--size: 0px;
	--bord: 0px;
	--back: #0000;
	--filt: grayscale(0.77) sepia(0.33);
	position: relative;
	margin: 0.5rem auto;
	background: var(--back);
	background-size: 0;
	transition: all 0.6s ease;
	width: fit-content;
}
div.squiggle:not([class*="float-"])
{
	/*margin: 0.5rem 5vw;*/
}

div.squiggle img {
	opacity: 0;
}
.squiggle:hover:before {
	opacity: 0;
	transition-duration: 1.2s;
}
.squiggle:hover:after  {
	filter: grayscale(0) sepia(0) opacity(1);
	mask-size: 200% 200%;
	border-color: #000d;
	border-radius: 4px;
	transition-duration: 1.2s;
}

.squiggle:before, .squiggle:after{
	background-image: inherit;
	background-clip: padding-box;
	background-size: cover;
	content:	"";
	position:	absolute;
	top:		calc(-1 * var(--bord));
	bottom:		calc(-1 * var(--bord));
	left:		calc(-1 * var(--bord));
	right:		calc(-1 * var(--bord));
	
	border: 0 solid #000d;
	border-width: var(--bord);
	border-radius: calc(0.4 * var(--size));
	transition: all 6s ease 0.4s;
}

.squiggle:before,
.squiggle.squiggle1:before {	filter: var(--filt) blur(0.8px) url(#squiggle1);	}
.squiggle.squiggle2:before {	filter: var(--filt) blur(0.8px) url(#squiggle2);	}
.squiggle.squiggle3:before {	filter: var(--filt) blur(0.8px) url(#squiggle3);	}
.squiggle.squiggle4:before {	filter: var(--filt) blur(0.8px) url(#squiggle4);	}

.squiggle:after {
	/* background-image: linear-gradient(red, red); */
	filter: var(--filt) opacity(0.66);
	border-color: #0000;
	mask-position: 50%;
	mask-size: 100% 100%;
	mask-image:
		linear-gradient(000deg, #0000, #000 calc(2* var(--size))),
		linear-gradient(090deg, #0000, #000 calc(2* var(--size))),
		linear-gradient(180deg, #0000, #000 calc(2* var(--size))),
		linear-gradient(270deg, #0000, #000 calc(2* var(--size))),
		linear-gradient(#000 0 0);
	mask-composite: intersect;
}



/* Grayscale */

.grayscale, .greyscale {
	filter: grayscale(1);
}