@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes messageShow {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes messageHide {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}

@keyframes radioChecked {
    0% {
        background-image: radial-gradient(#409eff 0%, #409eff 100%);
    }
    100% {
        background-image: radial-gradient(#fff 0% , #fff 24%, #409eff 20%, #409eff 100%);
    }
}