/**
 * Cypher: Context: Animations
 * 
 * @author alisch berlec hönow
 * @version 1.6.1
 */

body {
	--ease-out-expo: cubic-bezier( 0.16, 1, 0.3, 1 );
	--ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
}

body,
.is-ready.has-transitions .t {
	--transition-duration-default: 0.6s;
	--transition-delay-default: 0s;

	--transition-property: all;
	--transition-duration: var( --transition-duration-default );
	--transition-easing: var( --ease-out-expo );
	--transition-delay: var( --transition-delay-default );
	
	transition: var( --transition-property ) var( --transition-duration ) var( --transition-easing ) var( --transition-delay );
}

.is-ready.has-transitions .t.\-o:not( .\-t ) {
	--transition-property: opacity;
}

.is-ready.has-transitions .t.\-t {
	transition: -webkit-transform var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				-moz-transform var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				transform var( --transition-duration ) var( --transition-easing ) var( --transition-delay )
				;
}

.is-ready.has-transitions .t.\-t.\-o {
	transition: -webkit-transform var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				-moz-transform var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				transform var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				opacity var( --transition-duration ) var( --transition-easing ) var( --transition-delay )
				;
}

/*.project {
	transition: top var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				left var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				width var( --transition-duration ) var( --transition-easing ) var( --transition-delay ),
				height var( --transition-duration ) var( --transition-easing ) var( --transition-delay )
				;
}*/



body,
main {
	--transition-duration: 0.5s !important;
}

body {
	--transition-property: background-color !important;
}

main {
	--transition-property: opacity !important;
}

.project-slide__actions,
.project__info-trigger,
.project__title,
.project__video-duration {
	--transition-duration: calc( var( --transition-duration-default ) * 0.6 ) !important;
	--transition-easing: var( --ease-in-out-expo );
}

.project-slide.is-target .project-slide__actions,
.project-slide.is-target .project__info-trigger,
.project-slide.is-target .project__title,
.project-slide.is-target .project__video-duration {
	--transition-delay: calc( var( --transition-duration-default ) * 0.3 ) !important;
}

body:not( .is-in, .is-destroyed ) .project-main,
.view-projects-view .project-main,
.view-project .project-main {
	--transition-duration: 0s !important;
}

#projects__index-filter.is-active {
	transition: all var( --transition-duration ) var( --transition-easing ) var( --transition-delay ), height 0s;
}

.project-item {
	--transition-delay: calc( var( --i ) * 0.05s ) !important;
}

.snippet {
	--transition-delay: calc( calc( var( --ic ) - var( --i ) ) * 0.1s ) !important;
}

.view-snippet .snippet {
	--transition-duration: 0s !important;
	--transition-delay: 0s !important;
}

/*video-thumbnail {
	--transition-duration: calc( var( --transition-duration-default ) * 2 );
}*/