.main-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.1);
}

    .main-loader.hidden {
        animation: fadeOut 1s;
        animation-fill-mode: forwards;
    }

@keyframes ldio-n1tgp7ryt4 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.ldio-n1tgp7ryt4 div {
    left: 47px;
    top: 22px;
    position: absolute;
    animation: ldio-n1tgp7ryt4 linear 1s infinite;
    background: #00d3a4;
    width: 6px;
    height: 12px;
    border-radius: 3px / 3.36px;
    transform-origin: 3px 28px;
}

    .ldio-n1tgp7ryt4 div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -0.875s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(2) {
        transform: rotate(45deg);
        animation-delay: -0.75s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(3) {
        transform: rotate(90deg);
        animation-delay: -0.625s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(4) {
        transform: rotate(135deg);
        animation-delay: -0.5s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(5) {
        transform: rotate(180deg);
        animation-delay: -0.375s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(6) {
        transform: rotate(225deg);
        animation-delay: -0.25s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(7) {
        transform: rotate(270deg);
        animation-delay: -0.125s;
        background: #00d3a4;
    }

    .ldio-n1tgp7ryt4 div:nth-child(8) {
        transform: rotate(315deg);
        animation-delay: 0s;
        background: #00d3a4;
    }

.loadingio-spinner-spinner-xvtmbagbc1 {
    width: 92px;
    height: 92px;
    display: inline-block;
    overflow: hidden;
    background: none;

    margin: auto
  width: 92px;
  height: 92px;
  display: inline-block flex;
  overflow: hidden;
  background: none;
  margin: auto
}

.ldio-n1tgp7ryt4 {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.92);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-n1tgp7ryt4 div {
        box-sizing: content-box;
    }
