.kubu-flanier-wrapper{position:relative;width:400px;max-width:90vw;margin:0 auto;overflow:hidden}.kubu-flanier-wrapper img.kubu-flanier-logo{display:block;width:100%;height:auto;position:relative;z-index:2}.kubu-flanier-stage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.flaneur{position:absolute;bottom:38%;height:12%;opacity:.7;will-change:transform}.flaneur.from-door{opacity:0}@keyframes walkRight{0%{transform:translateX(-40px)}100%{transform:translateX(440px)}}@keyframes walkLeft{0%{transform:translateX(440px)}100%{transform:translateX(-40px)}}@keyframes emergeRight{0%{transform:translateX(0);opacity:0}5%{opacity:.7}95%{opacity:.7}100%{transform:translateX(250px);opacity:0}}@keyframes emergeLeft{0%{transform:translateX(0);opacity:0}5%{opacity:.7}95%{opacity:.7}100%{transform:translateX(-250px);opacity:0}}.flaneur-1{animation:walkRight 14s linear 1s infinite;left:0}.flaneur-2{animation:walkLeft 18s linear 4s infinite;left:0}.flaneur-3{animation:walkRight 12s linear 7s infinite;left:0;bottom:36%;height:10%;opacity:.4}.flaneur-4{animation:walkLeft 16s linear 2s infinite;left:0;bottom:40%}.flaneur-5{animation:emergeRight 10s linear 3s infinite;left:42%}.flaneur-6{animation:emergeLeft 12s linear 8s infinite;left:42%}.flaneur-7{animation:walkRight 20s linear 10s infinite;left:0;bottom:37%;height:11%;opacity:.5}.flaneur-8{animation:walkLeft 15s linear 6s infinite;left:0;bottom:39%;opacity:.6}.kubu-flanier-front{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}.flaneur-front{position:absolute;bottom:35%;height:14%;opacity:.85;will-change:transform}.flaneur-f1{animation:walkRight 11s linear 5s infinite;left:0}.flaneur-f2{animation:walkLeft 13s linear 9s infinite;left:0}