.loading-screen-basic {
    position: fixed;
    inset: 0;
    background: linear-gradient(135deg, #42bcdd, #42bcdd, #54bcc4, #54bcc4);
    z-index: 0;
    display: flex;
    flex-direction: column;
    place-content: center;
}

.loading-screen-basic .ampersand-loading-white-basic {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@keyframes animate1white {
    0% {
        fill: transparent;
        stroke-dashoffset: 11.4762744904px;
        stroke-dasharray: 11.4762744904px;
    }
    50% {
        fill: transparent;
        opacity: 1;
    }
    80% {
        fill: white;
        stroke-dashoffset: 0;
        stroke-dasharray: 11.4762744904px;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.loading-screen-basic .ampersand-loading-white-basic .svg-elem-1 {
    animation: animate1white 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite;
}
@keyframes animate2white {
    0% {
        stroke-dashoffset: 136.8470153809px;
        stroke-dasharray: 136.8470153809px;
        fill: transparent;
    }
    50% {
        fill: transparent;
    }
    80% {
        stroke-dashoffset: 0;
        stroke-dasharray: 136.8470153809px;
        fill: white;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.loading-screen-basic .ampersand-loading-white-basic .svg-elem-2 {
    animation: animate2white 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite;
}
@keyframes animate3white {
    0% {
        stroke-dashoffset: 19.1443138123px;
        stroke-dasharray: 19.1443138123px;
        fill: transparent;
    }
    50% {
        fill: transparent;
    }
    80% {
        stroke-dashoffset: 0;
        stroke-dasharray: 19.1443138123px;
        fill: white;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.loading-screen-basic .ampersand-loading-white-basic .svg-elem-3 {
    animation-iteration-count: infinite !important;
    animation: animate3white 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite;
}
@keyframes animate4white {
    0% {
        stroke-dashoffset: 9.5361614227px;
        stroke-dasharray: 9.5361614227px;
        fill: transparent;
    }
    50% {
        fill: transparent;
    }
    80% {
        stroke-dashoffset: 0;
        stroke-dasharray: 9.5361614227px;
        fill: white;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.loading-screen-basic .ampersand-loading-white-basic .svg-elem-4 {
    animation-iteration-count: infinite !important;
    animation: animate4white 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite;
}