.yf-collaboration-title{display:flex;align-items:center;justify-content:center;margin:40px 0 28px}.yf-collaboration-title .yf-collaboration-num{color:#fe2062;text-align:center;font-size:60px;font-style:normal;font-weight:500;line-height:44px}.yf-collaboration-title .yf-collaboration-name{margin-left:9px;color:#000;text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:44px}.yf-collaboration-brands{width:100%;display:inline-flex;flex-wrap:nowrap;overflow:hidden}.yf-collaboration-brands.mask-gradient{mask-image:linear-gradient(90deg,transparent 0,#000 100px,#000 calc(100% - 100px),transparent)}.yf-collaboration-brands.counterclockwise{margin-top:16px}.yf-collaboration-brands>.yf-brands-ul{display:flex}.yf-collaboration-brands>.yf-brands-ul>li{margin-left:30px;margin-right:30px}.yf-collaboration-brands>.yf-brands-ul>li img{max-width:none;width:230px;height:128px}.yf-collaboration-brands .clockwise-animation{will-change:transform;animation:clockwise-scroll var(--shop-settled-sum) linear infinite}@keyframes clockwise-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.yf-collaboration-brands .counterclockwise-animation{will-change:transform;animation:counterclockwise-scroll var(--shop-settled-sum) 1s linear infinite reverse}@keyframes counterclockwise-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}