.active {
    text-decoration: none;
}

#loading {
    /*position: relative;
    margin-top: 220px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;*/
}

#loading.active {
    display: flex !important;
}

.spinner-title {
    margin-top: 100px !important;
    margin-left: 465px !important;
}

.loader {
    width: 40px;
    aspect-ratio: 1;
    display: grid;
    -webkit-mask: conic-gradient(from 15deg, #0003, #000);
    mask: conic-gradient(from 15deg, #0003, #000);
    animation: load 1s steps(12) infinite;
}

.loader,
.loader:before,
.loader:after {
    background:
            radial-gradient(closest-side at 50% 12.5%, currentColor 90%, #0000 98%) 50% 0/20% 80% repeat-y,
            radial-gradient(closest-side at 12.5% 50%, currentColor 90%, #0000 98%) 0 50%/80% 20% repeat-x;
}

.loader:before,
.loader:after {
    content: "";
    grid-area: 1/1;
    transform: rotate(30deg);
}

.loader:after {
    transform: rotate(60deg);
}

@keyframes load {
    from {
        transform: rotate(0turn)
    }

    to {
        transform: rotate(1turn)
    }
}

.pos-fixed {
    position: fixed;
}

.hide {
    display: none !important;
}

.img-logo {
    width: 1024px;
}