.loader-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
}

    .loader-wrapper.show {
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .loader-wrapper .loader {
        --loader-bg: var(--bs-theme);
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: conic-gradient(#0000 10%,var(--loader-bg));
        -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 1rem),#000 0);
        animation: loader 1s infinite linear;
    }

@keyframes loader {
    to {
        transform: rotate(1turn)
    }
}