.slider-01-container{
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    & .slider-01-wrapper{
        display: flex;
        height: 80px;
        align-items: center;
        & .slider-01-item{
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 1rem;
            & h4{
                margin: 0;
                color: var(--wp--preset--color--blanc);
                position: relative;
                width: max-content;
                font-size: var(--wp--preset--font-size--xxxl-title);
                text-transform: uppercase;
                opacity: 0.05;
                transition: opacity 0.6s ease-in-out;
                &:hover{
                    opacity: 1;
                }
            }
        }
        & span{
            font-size: var(--wp--preset--font-size--xxxl-title);
            color: var(--wp--preset--color--blanc);
            opacity: 0.05;
        }
    }
    &.inverted{
        flex-direction: row-reverse;
    }
}
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes slide-inverted {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}