.recommended{position:absolute;transition:transform .5s ease,opacity .5s ease;opacity:0;left:50%;transform:scale(.5) translateX(-50%);z-index:-15;pointer-events:none}.recommended.center{transform:scale(1) translateX(-50%);opacity:1;z-index:40;pointer-events:auto}.recommended.next1,.recommended.prev1{transform:scale(.8667) translateX(-142px);opacity:1;z-index:5}.recommended.next1{transform:scale(.8667) translateX(-31px);z-index:3}.recommended.next2,.recommended.prev2{transform:scale(.7334) translateX(-225px);z-index:2;opacity:1}.recommended.next2{transform:scale(.7334) translateX(21px)}.recommended.next3,.recommended.prev3{transform:scale(.6) translateX(-314px);opacity:1;z-index:0}.recommended.next3{transform:scale(.6) translateX(64px)}.nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:white;font-size:30px;padding:10px 15px;border-radius:50%;cursor:pointer;z-index:10;transition:background .3s ease}.nav:hover{background:rgba(255,255,255,.4)}.nav.prev{left:10px}.nav.next{right:10px}