.section-4 .swiper{width:290px}.recommends-swiper .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px}.recommends-swiper .swiper-pagination-bullet{width:20px;height:10px;background-color:#f0f4ff;border-radius:13px;transition:all .3s ease-in-out;display:inline-block;cursor:pointer}.recommends-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#4d6bfe;width:40px}.animate-swiper:hover{animation-play-state:paused}.animate-fade{animation:animate-fade .3s ease-in-out 1 both}.animate-fade:nth-child(2){animation-delay:.3s}.animate-fade:nth-child(3){animation-delay:.6s}.animate-shake{--shake-x:4px;animation:animate-shake .3s ease-in-out 2}input{-webkit-text-size-adjust:none}.scrollbar-track-white::-webkit-scrollbar-track{background:hsla(0,0%,100%,.5);border-radius:16px}.scrollbar-track-white::-webkit-scrollbar-thumb{background:#fff;border-radius:16px}@keyframes animate-shake{0%{transform:translateX(0)}25%{transform:translateX(var(--shake-x))}50%{transform:translateX(calc(-1 * var(--shake-x)))}75%{transform:translateX(var(--shake-x))}to{transform:translateX(0)}}@keyframes animate-fade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}