.loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;
    margin-left: -80px;
    margin-top: -80px;
    transition: all 0.3s;
    background-color: rgba(255, 255, 255, .3);
}

.loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    overflow: hidden;
    transform-origin: 60px 60px;
    animation: rotate 1.2s infinite linear;
    transition: all 0.3s;
}

.loader-line-mask .loader-line {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    transition: all 0.3s;
}

.optic-background {
    overflow: hidden !important;
    background-color: #06c
}

.optic-background-dark {
    overflow: hidden !important;
    background-color: #0059b3
}

.optic-background-2 {
    overflow: hidden !important;
    background-image: linear-gradient(145deg,
    rgb(0, 100, 255) 0%,
    rgb(88 122 255) 20%,
    rgb(0 206 255) 50%,
    rgb(88 122 255) 80%,
    rgb(0 100 255) 100%)
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.25;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.icon-80 {
    width: 80px !important;
    height: 80px !important;
    z-index: 99999;
}