.loader {
            position: absolute;
            left: 46.5%;
            top: 46.5%;
            z-index: 1;
            width: 50px;
            aspect-ratio: 1;
            --_g: no-repeat radial-gradient(farthest-side, #fff 90%, #fff);
            background: var(--_g), var(--_g), var(--_g), var(--_g);
            background-size: 40% 40%;
            animation: l46 1s infinite;
        }

        @keyframes l46 {
            0% {
                background-position: 0 0, 100% 0, 100% 100%, 0 100%
            }

            40%,
            50% {
                background-position: 100% 100%, 100% 0, 0 0, 0 100%
            }

            90%,
            100% {
                background-position: 100% 100%, 0 100%, 0 0, 100% 0
            }
        }

        /* Add animation to "page content" */
        .animate-bottom {
            position: relative;
            -webkit-animation-name: animatebottom;
            -webkit-animation-duration: 1s;
            animation-name: animatebottom;
            animation-duration: 1s
        }

        @-webkit-keyframes animatebottom {
            from {
                bottom: -100px;
                opacity: 0
            }

            to {
                bottom: 0px;
                opacity: 1
            }
        }

        @keyframes animatebottom {
            from {
                bottom: -100px;
                opacity: 0
            }

            to {
                bottom: 0;
                opacity: 1
            }
        }

        #myDiv {
            display: none;
            text-align: center;
        }