OLX by JurecUA

/* ==UserStyle==
@name       OLX
@version    20240211.20.11
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://www.olx.ua/") {
@keyframes appear-shadow {
    0% {
        box-shadow: 0 0 0 0#23e5db inset
    }

    to {
        box-shadow: 0 0 0 12px #23e5db inset
    }
}

@keyframes appear {
    1% {
        transform: translate(0,0) scale(0)
    }

    to {
        transform: translate(0,0) scale(1)
    }
}

@keyframes appear-rotate {
    0% {
        transform: scale(51px,10px) rotate(0deg)
    }

    99% {
        transform: scale(51px,10px) rotate(360deg) 
    }

    to {
        transform: translate(51px,10px) scale(1) rotate(360deg)
    }
}

.css-163fkmb {
    background: rgb(21 28 29)
}

.css-uvzgxd {
    background: #151c1d
}

.css-1y1mhsk {
    background-color: #121212
}

.css-o7mc1q {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    position: absolute;
    left: -11px;
    top: -11px;
    transform: translate(12px,15px);
    box-shadow: 0 0 0 0#23e5db inset;
    animation: appear-shadow 1s ease-in-out forwards
}

.css-13xlyet {
    width: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 38px;
    background: #23e5db;
    animation: appear 1s ease-in-out forwards
}

.css-9vxyyg {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 1px;
    top: 0;
    transform: translate(51px,10px);
    animation: appear-rotate 1s ease-in-out forwards;
    animation-fill-mode: forwards
}
}