.shuffle--card{transform:rotate(0deg);transition:transform .5s ease-in-out,left .5s ease-in-out}.shuffle--card.rotating{transform:rotate(-7deg)}.dot{background-color:rgb(203 213 225/var(--tw-bg-opacity));border-radius:9999px;height:.375rem;opacity:.5;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.375rem}.dot,.dot.active{--tw-bg-opacity:1}.dot.active{background-color:rgb(71 85 105/var(--tw-bg-opacity));opacity:1}.image-container,.image-container img{transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-container img{transition:margin-left .5s cubic-bezier(.25,.8,.25,1)}@media (min-width:1024px){.fourth--card:hover .image-container img:first-child{--tw-translate-y:-2.75rem}.fourth--card:hover .image-container img:first-child,.fourth--card:hover .image-container img:nth-child(2){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fourth--card:hover .image-container img:nth-child(2){--tw-translate-y:75px}.fourth--card:hover .image-container img:nth-child(3){--tw-translate-y:-2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first--card:hover{border-color:rgb(236 30 57/var(--tw-border-opacity));border-width:1px}.first--card:hover,.second--card:hover{--tw-border-opacity:1}.second--card:hover{border-color:rgb(245 158 11/var(--tw-border-opacity));border-width:1px}.third--card:hover{border-color:rgb(249 115 22/var(--tw-border-opacity));border-width:1px}.fourth--card:hover,.third--card:hover{--tw-border-opacity:1}.fourth--card:hover{border-color:rgb(79 159 255/var(--tw-border-opacity));border-width:1px}.second--card:hover .logo-container img:nth-child(2),.second--card:hover .logo-container img:nth-child(3),.second--card:hover .logo-container img:nth-child(4){margin-left:-.375rem}.first--card:hover .first--card-image{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shuffle--card:hover .link--effect{text-decoration-line:underline}.shuffle--card:hover .link--effect img{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}}