.pageclip-form {
    position: relative
}

.pageclip-form__success {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    text-align: center;
    background: #f0f8ff;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pageclip-form__success__message {
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    transform-origin: center;
    animation: .3s linear none a
}

.pageclip-form__submit {
    position: relative
}

.pageclip-form__submit:after {
    display: inline-block;
    position: relative;
    text-indent: -9999em;
    border: 3px solid #0c0c0c;
    border-left: 3px solid #f0f8ff;
    transform: scale(.01) translateZ(0);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 2
}

.pageclip-form__submit.pageclip-form__submit--dark-loader:after {
    border-color: #0c0c0c;
    border-left-color: #0c0c0c
}

.pageclip-form__submit.pageclip-form__submit--start-loading:after {
    animation: .1s linear none a
}

.pageclip-form__submit.pageclip-form__submit--start-loading>span {
    animation: .1s linear none c
}

.pageclip-form__submit.pageclip-form__submit--loading:after {
    transform: translateZ(0);
    animation: 1.2s linear infinite d
}

.pageclip-form__submit.pageclip-form__submit--loading>span {
    opacity: 0
}

.pageclip-form__submit.pageclip-form__submit--end-loading:after {
    animation: .1s linear none b
}

.pageclip-form__submit.pageclip-form__submit--end-loading>span {
    animation: .1s linear reverse c
}

@keyframes a {
    0% {
        transform: scale(.01) translateZ(0)
    }

    50% {
        transform: scale(1.2) translateZ(0)
    }

    to {
        transform: scale(1) translateZ(0)
    }
}

@keyframes b {
    0% {
        transform: scale(1) translateZ(0)
    }

    to {
        transform: scale(.01) translateZ(0)
    }
}

@keyframes c {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes d {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}