/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 02 2023 | 20:53:48 */
@-webkit-keyframes stretchLeft {
 from {
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0)
 }
 to {
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
}
@keyframes stretchLeft {
 from {
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0)
 }
 to {
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
}

@-webkit-keyframes scale-out {
 from {
  transform:scale(1.4)
 }
 to {
  transform:scale(1)
 }
}
@keyframes scale-out {
 from {
  transform:scale(1.4)
 }
 to {
  transform:scale(1)
 }
}

@-webkit-keyframes scale-in {
 from {
  transform:scale(0.4)
 }
 to {
  transform:scale(1)
 }
}
@keyframes scale-in {
 from {
  transform:scale(0.4)
 }
 to {
  transform:scale(1)
 }
}
@-webkit-keyframes stretchRight {
 from {
  -webkit-clip-path:inset(0 0 0 100%);
  clip-path:inset(0 0 0 100%)
 }
 to {
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
}
@keyframes stretchRight {
 from {
  -webkit-clip-path:inset(0 0 0 100%);
  clip-path:inset(0 0 0 100%)
 }
 to {
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
}
@keyframes stretchtop {
 from {
  -webkit-clip-path:inset(100% 0 0 0);
  clip-path:inset(100% 0 0 0)
 }
 to {
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
}
@-webkit-keyframes stretchbottom {
 from {
  -webkit-clip-path:inset(0 0 100% 0);
  clip-path:inset(0 0 100% 0)
 }
 to {
  -webkit-clip-path:inset(0);
  clip-path:inset(0)
 }
}
@keyframes square-in-center {
  from {
    clip-path: inset(0 30% 0 30%);
	  transform:scale(1);
  }
  to {
    clip-path: inset(0 0 0 0);
	  transform:scale(1.1)
  }
}
@-webkit-keyframes square-in-center {
  from {
    clip-path: inset(0 30% 0 30%);
	transform:scale(1);
  }
  to {
    clip-path: inset(0 0 0 0);
	transform:scale(1.1)
  }
}

/* sofresh-Top */
.sofresh-Top {
    -webkit-animation-name: stretchtop;
    animation-name: stretchtop;
    -webkit-animation-timing-function: cubic-bezier(.4,0,0,.9);
     animation-timing-function: cubic-bezier(.4,0,0,.9);
	 will-change:clip-path;
}
/* sofresh-Bottom */
.sofresh-Bottom {
	-webkit-animation-name: stretchbottom;
    animation-name: stretchbottom;
    -webkit-animation-timing-function: cubic-bezier(.4,0,0,.9);
     animation-timing-function: cubic-bezier(.4,0,0,.9);
	 will-change:clip-path;
}


/* sofresh-Left */
.sofresh-Left {
    -webkit-animation-name: stretchLeft;
    animation-name: stretchLeft;
    -webkit-animation-timing-function: cubic-bezier(.4,0,0,.9);
     animation-timing-function: cubic-bezier(.4,0,0,.9);
	 will-change:clip-path;
}
/* sofresh-right */
.sofresh-Right {
	-webkit-animation-name: stretchRight;
    animation-name: stretchRight;
    -webkit-animation-timing-function: cubic-bezier(.4,0,0,.9);
     animation-timing-function: cubic-bezier(.4,0,0,.9);
	 will-change:clip-path;
}
/* sofresh-Scale */
.sofresh-Scale {
	-webkit-animation-name: scale-out;
    animation-name: scale-out;
    -webkit-animation-timing-function: cubic-bezier(.4,0,0,.9);
     animation-timing-function: cubic-bezier(.4,0,0,.9);		
}
/* sofresh-center */
.sofresh-Center {
	-webkit-animation-name: square-in-center;
    animation-name: square-in-center;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: cubic-bezier(.4,0,0,.9);
     animation-timing-function: cubic-bezier(.4,0,0,.9);	
}