.punnett-square-container[data-v-2874cfec]{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-color:rgb(233 213 255/var(--tw-border-opacity,1));--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#eff6ff var(--tw-gradient-to-position);padding:1.5rem}.punnett-grid[data-v-2874cfec]{display:inline-block}.grid-header-top[data-v-2874cfec],.grid-row[data-v-2874cfec]{display:grid;gap:.5rem;grid-template-columns:100px repeat(2,100px);margin-bottom:.5rem}.empty-cell[data-v-2874cfec]{height:100%;width:100%}.allele-label[data-v-2874cfec]{align-items:center;border-radius:.5rem;border-width:2px;display:flex;font-size:1.125rem;font-weight:700;justify-content:center;line-height:1.75rem;opacity:0;padding:.75rem}.allele-parent1[data-v-2874cfec]{background-color:rgb(219 234 254/var(--tw-bg-opacity,1));border-color:rgb(96 165 250/var(--tw-border-opacity,1));color:rgb(30 58 138/var(--tw-text-opacity,1))}.allele-parent1[data-v-2874cfec],.allele-parent2[data-v-2874cfec]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.allele-parent2[data-v-2874cfec]{background-color:rgb(252 231 243/var(--tw-bg-opacity,1));border-color:rgb(244 114 182/var(--tw-border-opacity,1));color:rgb(131 24 67/var(--tw-text-opacity,1))}.punnett-cell[data-v-2874cfec]{border-radius:.5rem;border-width:2px;position:relative;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));cursor:pointer;opacity:0;overflow:hidden;padding:.75rem;transform:scale(.8);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.punnett-cell[data-v-2874cfec]:hover{z-index:10;--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cell-highlighted[data-v-2874cfec]{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(216 180 254/var(--tw-ring-opacity,1))}.cell-content[data-v-2874cfec]{position:relative;z-index:10}.genotype[data-v-2874cfec]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.phenotype[data-v-2874cfec]{font-size:1.25rem;font-weight:700;line-height:1.75rem;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}@keyframes fadeIn-2874cfec{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cellFill-2874cfec{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes particleFlow-2874cfec{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:.6;transform:translate(30px,30px) scale(1)}to{opacity:0;transform:translate(60px,60px) scale(0)}}.animate-fade-in[data-v-2874cfec]{animation:fadeIn-2874cfec .4s ease-out forwards}.animate-cell-fill[data-v-2874cfec]{animation:cellFill-2874cfec .4s ease-out forwards}.cell-particles[data-v-2874cfec]{inset:0;pointer-events:none}.cell-particles[data-v-2874cfec],.particle[data-v-2874cfec]{position:absolute}.particle[data-v-2874cfec]{animation:particleFlow-2874cfec 2s ease-in-out infinite;background-color:rgb(248 113 113/var(--tw-bg-opacity,1));border-radius:9999px;height:.5rem;left:10%;opacity:0;top:10%;width:.5rem}.particle[data-v-2874cfec],.particle[data-v-2874cfec]:nth-child(2){--tw-bg-opacity:1}.particle[data-v-2874cfec]:nth-child(2){animation-delay:.3s;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.particle[data-v-2874cfec]:nth-child(3){--tw-bg-opacity:1;animation-delay:.6s;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}@media(max-width:640px){.grid-header-top[data-v-2874cfec],.grid-row[data-v-2874cfec]{gap:.25rem;grid-template-columns:80px repeat(2,80px)}.allele-label[data-v-2874cfec]{font-size:1rem;line-height:1.5rem}.allele-label[data-v-2874cfec],.punnett-cell[data-v-2874cfec]{padding:.5rem}.phenotype[data-v-2874cfec]{font-size:1.125rem;line-height:1.75rem}}