.container[data-v-c2220ce2]{position:relative;width:190px;height:254px;transition:.2s}.container[data-v-c2220ce2]:active{width:180px;height:245px}#card[data-v-c2220ce2]{position:absolute;inset:0;z-index:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:20px;transition:.7s;background:linear-gradient(43deg,#4158d0,#5070c8 46%,#ffcc70)}.subtitle[data-v-c2220ce2]{transform:translateY(180px);color:#866edd;text-align:center;width:100%;font-size:20px}.title[data-v-c2220ce2]{opacity:.8;transition-duration:.3s;transition-timing-function:ease-in-out-out;transition-delay:.1s;position:absolute;font-size:30px;font-weight:700;color:#fff}.tracker:hover~#card .title[data-v-c2220ce2]{opacity:1}#prompt[data-v-c2220ce2]{bottom:8px;left:12px;z-index:20;font-size:20px;font-weight:700;transition:ease-in-out-out .3s;position:absolute;max-width:110px;color:#fff}.tracker[data-v-c2220ce2]{position:absolute;z-index:200;width:100%;height:100%}.tracker:hover~#card #prompt[data-v-c2220ce2]{opacity:0}.tracker:hover~#card[data-v-c2220ce2]{transition:.3s;filter:brightness(1.1)}.container:hover #card[data-v-c2220ce2]:before{transition:.2s;content:"";opacity:1%}.canvas[data-v-c2220ce2]{perspective:800px;inset:0;z-index:200;position:absolute;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-ms-grid-rows:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;gap:0 0;grid-template-areas:"tr-1 tr-2 tr-3 tr-4 tr-5" "tr-6 tr-7 tr-8 tr-9 tr-10" "tr-11 tr-12 tr-13 tr-14 tr-15" "tr-16 tr-17 tr-18 tr-19 tr-20" "tr-21 tr-22 tr-23 tr-24 tr-25"}#card[data-v-c2220ce2]:before{content:"";background:linear-gradient(43deg,#4158d0,#9250c8 46%,#70cbff);filter:blur(10px);opacity:1%;width:100%;height:100%;position:absolute;z-index:-1;transition:.2s}.tr-1[data-v-c2220ce2]{grid-area:tr-1}.tr-2[data-v-c2220ce2]{grid-area:tr-2}.tr-3[data-v-c2220ce2]{grid-area:tr-3}.tr-4[data-v-c2220ce2]{grid-area:tr-4}.tr-5[data-v-c2220ce2]{grid-area:tr-5}.tr-6[data-v-c2220ce2]{grid-area:tr-6}.tr-7[data-v-c2220ce2]{grid-area:tr-7}.tr-8[data-v-c2220ce2]{grid-area:tr-8}.tr-9[data-v-c2220ce2]{grid-area:tr-9}.tr-10[data-v-c2220ce2]{grid-area:tr-10}.tr-11[data-v-c2220ce2]{grid-area:tr-11}.tr-12[data-v-c2220ce2]{grid-area:tr-12}.tr-13[data-v-c2220ce2]{grid-area:tr-13}.tr-14[data-v-c2220ce2]{grid-area:tr-14}.tr-15[data-v-c2220ce2]{grid-area:tr-15}.tr-16[data-v-c2220ce2]{grid-area:tr-16}.tr-17[data-v-c2220ce2]{grid-area:tr-17}.tr-18[data-v-c2220ce2]{grid-area:tr-18}.tr-19[data-v-c2220ce2]{grid-area:tr-19}.tr-20[data-v-c2220ce2]{grid-area:tr-20}.tr-21[data-v-c2220ce2]{grid-area:tr-21}.tr-22[data-v-c2220ce2]{grid-area:tr-22}.tr-23[data-v-c2220ce2]{grid-area:tr-23}.tr-24[data-v-c2220ce2]{grid-area:tr-24}.tr-25[data-v-c2220ce2]{grid-area:tr-25}.tr-1:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(20deg) rotateY(-10deg) rotate(0deg)}.tr-2:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(20deg) rotateY(-5deg) rotate(0deg)}.tr-3:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(20deg) rotateY(0deg) rotate(0deg)}.tr-4:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(20deg) rotateY(5deg) rotate(0deg)}.tr-5:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(20deg) rotateY(10deg) rotate(0deg)}.tr-6:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(10deg) rotateY(-10deg) rotate(0deg)}.tr-7:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(10deg) rotateY(-5deg) rotate(0deg)}.tr-8:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(10deg) rotateY(0deg) rotate(0deg)}.tr-9:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(10deg) rotateY(5deg) rotate(0deg)}.tr-10:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(10deg) rotateY(10deg) rotate(0deg)}.tr-11:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(0deg) rotateY(-10deg) rotate(0deg)}.tr-12:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(0deg) rotateY(-5deg) rotate(0deg)}.tr-13:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}.tr-14:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(0deg) rotateY(5deg) rotate(0deg)}.tr-15:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(0deg) rotateY(10deg) rotate(0deg)}.tr-16:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-10deg) rotateY(-10deg) rotate(0deg)}.tr-17:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-10deg) rotateY(-5deg) rotate(0deg)}.tr-18:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-10deg) rotateY(0deg) rotate(0deg)}.tr-19:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-10deg) rotateY(5deg) rotate(0deg)}.tr-20:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-10deg) rotateY(10deg) rotate(0deg)}.tr-21:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-20deg) rotateY(-10deg) rotate(0deg)}.tr-22:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-20deg) rotateY(-5deg) rotate(0deg)}.tr-23:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-20deg) rotateY(0deg) rotate(0deg)}.tr-24:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-20deg) rotateY(5deg) rotate(0deg)}.tr-25:hover~#card[data-v-c2220ce2]{transition:.1s ease-in-out;transform:rotateX(-20deg) rotateY(10deg) rotate(0deg)}.noselect[data-v-c2220ce2]{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}