.busLayoutScrool{min-height:300px;position:relative}.busLayoutBody{will-change:transform,opacity}.scroll-bus{scroll-behavior:smooth}.bus-layout-fade-enter-active{transition:all .6s ease-out}.bus-layout-fade-leave-active{transition:all .3s ease-in}.bus-layout-fade-enter-from{opacity:0;transform:translateY(20px) scale(.95)}.bus-layout-fade-leave-to{opacity:0;transform:translateY(-10px) scale(.95)}.bus-layout-container{animation:smoothAppear .5s ease-out}@keyframes smoothAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.bus-front-svg{animation:slideInFromLeft .6s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.bus-body-container{animation:fadeInScale .7s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.seat-column-animation{opacity:0;animation:slideUpFade .4s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.seat{transition:all .2s ease;animation:seatAppear .3s ease-out}@keyframes seatAppear{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.busLayoutBody .seat:hover{transform:scale(1.05);transition:transform .15s ease}.seat.selected{animation:selectPulse .4s ease}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.seat-column-animation{animation-duration:.3s}}