.preloader-container {
    position: fixed;
    z-index: 100000;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sollae-preloader {
    position: fixed;
    width: 80px;
    height: 80px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sollae-preloader::after, .sollae-preloader::before {
    content: '';
    position: absolute;
    border: 4px solid #ed7e57;
    opacity: 1;
    border-radius: 50%;
    animation: ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.sollae-preloader::after {
    animation-delay: -0.5s;
}

@keyframes ripple {
    from {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    to {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}