.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader__icon {
    -webkit-animation: pulse 750ms infinite;
    animation: pulse 750ms infinite;
    border-radius: 999px;
    background: radial-gradient(circle at 1.8% 4.8%, rgb(0, 33, 113) 0%, rgb(0, 51, 255) 90%);
    padding: .65rem;
}

html.is-child .preloader__icon {
    background: radial-gradient(circle at 1.8% 4.8%, #003357 0%, #007FC7FF 60%, #33A9FF 100%)
}

.preloader__icon svg {
    width: auto;
    height: 35px;
    color: #ffffff;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.25, 1.25, 1.25)
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    to {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.25, 1.25, 1.25)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25)
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    to {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25)
    }
}