.pattern[data-v-9c9d47bb]{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='9' viewBox='0 0 40 12'%3E%3Cpath fill='%23fff' fill-opacity='.1' fill-rule='evenodd' d='M0 6.172 6.172 0h5.656L0 11.828zm40 5.656L28.172 0h5.656L40 6.172zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12zm12 0L20 10.172 21.828 12z'/%3E%3C/svg%3E")}.flip-item-back[data-v-9c9d47bb]{transform-origin:left center;transition:all .3s}.flip-item-back[data-v-9c9d47bb]:hover{transform:perspective(2000px) translateZ(0) rotateY(-10deg)}@keyframes flip{0%{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:perspective(3000px) translateZ(0) rotateY(-10deg)}80%{opacity:1}to{box-shadow:0 20px 125px -5px #0000000d,0 8px 110px -6px #0000000d;opacity:0;transform:perspective(3000px) translate3d(-1rem,0,0) rotateY(-90deg)}}@keyframes flipReverse{to{box-shadow:0 0 #0003;opacity:1;transform:perspective(3000px) translateZ(0) rotateY(0)}60%,80%{box-shadow:#0000001a 0 0 var(--card-width);transform:perspective(3000px) translateZ(var(--card-width)) rotateY(0)}40%{transform:perspective(3000px) translateZ(var(--card-width)) rotateY(-5deg)}0%{box-shadow:#0000001a 0 20px var(--card-width);opacity:1;transform:perspective(3000px) translate3d(-1rem,0,var(--card-width)) rotateY(90deg)}}.animate-flip{animation:flip .3s ease-in-out forwards;perspective:2000px;transform:translateY(-1rem);transform-origin:left center;z-index:99999}.animate-flip-reverse{animation:flipReverse .6s .3s forwards;perspective:2000px;transform-origin:left center}