@keyframes popup-icon{
	0% {
		transform: scale(1,1);
	}
	50% {
		transform: scale(1.1,1.1);
	}
	100% {
		transform: scale(1,1);
	}
}


@keyframes move {
  0% {
    offset-distance: 0%;
  }

  100% {
    offset-distance: 100%;
  }
}
 
@keyframes rotation 
{
    0%{--gradient-angle: 0deg;}
    100%{ --gradient-angle: 360deg;}    
}
@property --gradient-angle
{
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes anim-card{
    0%{opacity: 0;transform: translateY(80%);}
    20%{opacity: 0;transform: translateY(30%);}
    50%{opacity: 0;transform: translateY(10%);}
    100%{opacity: 1;transform: translateY(0%);}
}

@keyframes popup-icon {
    0% {
		transform: scale(1,1);
	}
	50% {
		transform: scale(1.1,1.1);
	}
	100% {
		transform: scale(1,1);
	}
}

@keyframes dash {
    0% {
        stroke-dashoffset: 745.74853515625;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes swipe-out{
  0%{transform: translateX(100%);} 
  100%{transform: translateX(0%);}
}

@keyframes ripples {
    0% { width: 0px; height: 0px; opacity: 0.9; }

    100% { width: 300px; height: 300px; opacity: 0; }
}

@keyframes spin { 
    to {transform: rotate(359deg);}
}
@keyframes grow { 
    to {width: 14px; height: 14px; margin-top: -8px; right: 13px; }
}

@keyframes animate-in-and-out {
    entry 0% {
        opacity: 0.8;
        transform: translateY(25%);
        scale: 0.9;
        transform-origin: center;
    }

    entry 100% {
        opacity: 1;
        transform: translateY(0);
        scale: 1;
        transform-origin: center;
    }

    exit 0% {
        opacity: 1;
        transform: translateY(0);
        scale: 1;
        transform-origin: center;
    }

    exit 100% {
        opacity: 0.8;
        transform: translateY(-100%);
        scale: 0.9;
        transform-origin: center;
    }
}




@media only screen and (min-width: 1024px) {
    @keyframes reveal {
        from {clip-path: inset(0% 5% round 20px);}

        to {clip-path: inset(0% 0% round 0px);}
    }
    @-webkit-keyframes reveal {
        from {
            -webkit-clip-path: inset(0% 5% round 20px);
        }

        to {
            -webkit-clip-path: inset(0% 0% round 0px);
        }
    }
}
@media screen and (min-width: 1025px) {
    @keyframes reveal {
    from {
        clip-path: inset(0% 5% round 20px);
    }

    to {
        clip-path: inset(0% 0% round 0px);
    }
}
}

/*# sourceMappingURL=ivranimation.css.map*/