 
.pole
{
    animation: pop-reveal 1s ease forwards;
}
@keyframes pop-reveal
{
    from {
       clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
        transform: scale(0.9);
        clip-path: circle(0% at 50% 50%);
        transition: 0.5s sopacity 1s, transform 1s, clip-path 1s;
    }
    to {
        transform: scale(1);
        clip-path: circle(100% at 50% 50%);
    }   
}


.radiofield input[type=radio]:checked::before
{
    animation: check-pop 0.4s linear forwards;
}
 
 

.delay-100ms
{
    animation-delay: 100ms;
}
.delay-200ms
{
    animation-delay: 200ms;
}
.delay-300ms
{
    animation-delay: 300ms;
}
.delay-400ms
{
    animation-delay: 400ms;
}
.delay-500ms
{
    animation-delay: 500ms;
} 