.ocf-slider,
.ocf-slider * {
    box-sizing: border-box;
}

.ocf-slider {
    position: relative;
    width: 60px;
    height: 40px;
    overflow: hidden;
    background: transparent;
}

.ocf-slider .ocf-slide {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    transform: translate3d(30px, 0, 0);
    pointer-events: none;

    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}

.ocf-slider .ocf-slide.ocf-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.ocf-slider .ocf-flag {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}